:root{--bg-top:#1e3a5f;--bg-bottom:#0f172a;--panel:#0f172ab8;--text:#e2e8f0;--muted:#94a3b8;--accent:#3b82f6;--accent-hover:#60a5fa;--danger:#f87171;--ok:#34d399;--border:#94a3b840;--font:"Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--font);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -20%, #2563eb55, transparent), linear-gradient(160deg, var(--bg-top), var(--bg-bottom));margin:0}.page{place-items:center;min-height:100dvh;padding:1.5rem;display:grid}.panel{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;width:min(100%,26rem);padding:2rem 1.75rem}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-hover);margin:0 0 .35rem;font-size:.75rem}h1{letter-spacing:-.02em;margin:0 0 .75rem;font-size:1.85rem;font-weight:650}.lead{color:var(--muted);margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.form{gap:.6rem;display:grid}label{color:var(--muted);font-size:.85rem}input{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#02061773;border-radius:.6rem;outline:none;padding:.75rem .85rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb33}input:disabled{opacity:.6}button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:.6rem;margin-top:.4rem;padding:.85rem 1rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.7;cursor:default}.hint{margin:1rem 0 0;font-size:.9rem;line-height:1.4}.hint.success{color:var(--ok)}.hint.error{color:var(--danger)}