*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#35105e,#090714 70%);color:#fff;font-family:system-ui,sans-serif;padding:24px}main{text-align:center;max-width:480px;padding:40px 28px;border:1px solid #7749b9;border-radius:24px;background:#120b22}h1{font-size:clamp(32px,8vw,46px);color:#ffd765;margin:16px 0 28px}.brand{letter-spacing:.2em;font-size:12px;color:#c4b5dc}h2{font-size:24px}p{line-height:1.6;color:#d4cbe4}#code{font-size:36px;letter-spacing:.18em;color:#fff}a{display:block;margin:24px 0;padding:16px;background:#ffd765;color:#211032;border-radius:12px;font-weight:700;text-decoration:none}a:focus-visible{outline:3px solid white;outline-offset:5px}#hint{font-size:14px}