:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101827;--fg:#e8ecf8;--muted:#8e9ac4;--accent:#38a9f0}*{box-sizing:border-box}html,body{height:100%;margin:0}body{padding:max(1.5rem, env(safe-area-inset-top)) 1.5rem max(1.5rem, env(safe-area-inset-bottom));background:radial-gradient(120% 120% at 50% 0%, #17223c 0%, var(--bg) 60%);color:var(--fg);-webkit-font-smoothing:antialiased;place-items:center;font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:grid}.logo{border-radius:16px;width:72px;height:72px;margin:0 auto 1rem;display:block}#app{text-align:center;width:min(24rem,100%)}h1{letter-spacing:-.02em;margin:0 0 .5rem;font-size:clamp(2rem,8vw,3.5rem)}.muted{color:var(--muted);margin:0 0 1.25rem}form{flex-direction:column;gap:.75rem;margin:0 0 1rem;display:flex}input{font:inherit;color:var(--fg);background:#0d1421;border:1px solid #2b3550;border-radius:10px;padding:.85rem 1rem}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;padding:.85rem 1.25rem;font-weight:600}button[disabled]{opacity:.6;cursor:default}button.secondary{color:var(--fg);background:0 0;border:1px solid #2b3550}a{color:var(--accent)}