*{box-sizing:border-box}body{margin:0;font:16px system-ui;background:linear-gradient(135deg,#ffebee,#f3e5f5);color:#172033;min-height:100vh}main{max-width:640px;margin:auto;padding:24px;background:#fffc;border-radius:16px;box-shadow:0 4px 12px #0000001a;backdrop-filter:blur(10px)}button{display:block;margin:20px auto;padding:14px 24px;border:0;border-radius:12px;background:linear-gradient(45deg,#ff4081,#f50057);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #f500574d}button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}output{font-size:36px;font-weight:700;display:block;text-align:center;margin:20px 0;color:#d81b60}p{text-align:center;line-height:1.6;margin:10px 0}