:root{font-family:system-ui,sans-serif;color:#eaf0ff;background:#10172b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,520px);padding:clamp(24px,5vw,48px);border:1px solid #3c4764;border-radius:24px;background:#19233a}h1{font-size:clamp(36px,8vw,58px);line-height:1.08;margin:22px 0}.eyebrow{color:#6ee7dd;font-size:12px;letter-spacing:.15em}p,small{line-height:1.6;color:#bcc9e2}form{margin:24px 0}label{display:grid;gap:8px}input,button{font:inherit;padding:14px;border-radius:10px;width:100%;border:1px solid #65718c}button{margin-top:12px;color:#071b21;background:#6ee7dd;font-weight:700;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}[hidden]{display:none}