:root{--bg:#0b1020;--bg-soft:#121a33;--card:#fff;--ink:#0b1020;--muted:#6b7488;--brand:#3b82f6;--brand-ink:#1d4ed8;--accent:#22d3ee;--ok:#16a34a;--err:#dc2626;--line:#e5e7eb}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--ink);background:radial-gradient(1200px 600px at 20% -10%, #1e2a52 0%, var(--bg) 55%);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.page{color:#e8ecf6;flex-direction:column;min-height:100%;display:flex}.topbar{justify-content:space-between;align-items:center;padding:18px 28px;display:flex}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{letter-spacing:2px;color:#fff;font-size:22px;font-weight:800}.brand-sub{color:var(--accent);letter-spacing:.5px;font-weight:600}.badge{color:#cbd5e1;border:1px solid #cbd5e159;border-radius:999px;padding:5px 10px;font-size:12px}.hero{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;width:100%;max-width:1140px;margin:0 auto;padding:24px 48px 48px;display:grid}.intro h1{color:#fff;margin:0 0 16px;font-size:40px;line-height:1.1}.intro p{color:#c3ccdf;font-size:17px;line-height:1.6}.facts{gap:10px;margin-top:22px;padding:0;list-style:none;display:grid}.facts li{color:#d7deee;padding-left:26px;position:relative}.facts li:before{content:"✓";color:var(--accent);font-weight:700;position:absolute;left:0}.card{background:var(--card);color:var(--ink);border-radius:16px;max-height:min(78vh,760px);padding:28px;overflow:auto;box-shadow:0 24px 60px #02061773}.card h2{margin:0 0 6px;font-size:22px}.muted{color:var(--muted)}.small{font-size:13px}label{margin:16px 0 6px;font-size:14px;font-weight:600;display:block}input,select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f626}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}#code{letter-spacing:8px;text-align:center;font-size:22px}.btn{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:18px;padding:12px 16px;font-size:16px;font-weight:600;transition:background .15s,transform 50ms}.btn:hover{background:var(--brand-ink)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.ghost{color:var(--brand-ink);border:1px solid var(--line);background:0 0;margin-top:10px}.btn.ghost:hover{background:#f3f6ff}.dev-code{color:#075985;background:#f0f9ff;border:1px dashed #7dd3fc;border-radius:10px;padding:10px 12px;font-size:14px}.email-pill{color:var(--brand-ink);background:#eef2ff;border-radius:999px;margin:4px 0 10px;padding:8px 14px;font-weight:600;display:inline-block}.signed-in h2{color:var(--ok)}.error{color:var(--err);background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:14px;padding:10px 12px;font-size:14px}.footer{color:#aab4cc;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 28px;font-size:14px;display:flex}@media (width<=860px){.hero{grid-template-columns:1fr;gap:28px;padding:20px}.intro h1{font-size:32px}.field-row{grid-template-columns:1fr}}