:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090a0d;--surface:#111318;--surface-raised:#181b21;--border:#2a2e37;--text:#f5f5f2;--muted:#9ba0aa;--gold:#d4a72c;--gold-soft:#f1cd68;--green:#4bd18b;--red:#ff7272}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at 15% 0%, #d4a72c21, transparent 32rem), var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.login-shell{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border:1px solid var(--border);background:#111318f0;border-radius:1.5rem;width:min(100%,30rem);padding:2.5rem;box-shadow:0 1.5rem 5rem #00000061}.brand-mark{background:linear-gradient(145deg, var(--gold-soft), #a67508);color:#111;letter-spacing:-.08em;border-radius:.8rem;place-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;font-weight:900;display:grid}h1,h2,p{margin-top:0}h1{letter-spacing:-.04em;margin-bottom:.75rem;font-size:clamp(1.8rem,4vw,2.5rem)}h2{margin-bottom:.8rem;font-size:clamp(1.5rem,3vw,2rem)}.eyebrow{color:var(--gold-soft);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.45rem;font-size:.75rem;font-weight:800}.muted,.security-note,.status-card p{color:var(--muted)}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:.7rem;font-weight:750;transition:transform .12s,filter .12s}.primary-button:hover,.secondary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary-button{background:var(--gold);color:#111;width:100%;margin-top:1.25rem;padding:.9rem 1.1rem}.secondary-button{background:var(--surface-raised);color:var(--text);border:1px solid var(--border);padding:.65rem .9rem}.security-note{text-align:center;margin:1rem 0 0;font-size:.78rem}.error-message{color:#ffc1c1;background:#ff727214;border:1px solid #ff727259;border-radius:.7rem;margin:1rem 0 0;padding:.8rem}.app-shell{width:min(74rem,100% - 2rem);margin:0 auto;padding:2rem 0 4rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.5rem;display:flex}.topbar h1{margin-bottom:0}.account{text-align:right;align-items:center;gap:1rem;display:flex}.account span{color:var(--gold-soft);text-transform:uppercase;margin-top:.2rem;font-size:.75rem;display:block}.hero-card{background:linear-gradient(145deg,#d4a72c1f,#111318f5 55%);border:1px solid #d4a72c4d;border-radius:1.4rem;margin-top:2rem;padding:clamp(1.5rem,4vw,3rem)}.hero-card p:last-child{color:#c3c5ca;max-width:55rem;margin-bottom:0;line-height:1.65}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.status-card{border:1px solid var(--border);background:var(--surface);border-radius:1rem;gap:.85rem;padding:1.2rem;display:flex}.status-card p{margin:.3rem 0 0;font-size:.9rem}.status-dot{border-radius:50%;flex:none;width:.7rem;height:.7rem;margin-top:.28rem}.status-dot.ready{background:var(--green);box-shadow:0 0 .8rem #4bd18b73}.status-dot.pending{background:var(--gold);box-shadow:0 0 .8rem #d4a72c66}@media (max-width:700px){.topbar,.account{align-items:flex-start}.topbar{flex-direction:column}.account{text-align:left;justify-content:space-between;width:100%}.status-grid{grid-template-columns:1fr}}
