:root{--bg:#0b1020;--card:#151b30;--text:#eef1f8;--muted:#9aa3bd;--border:#263156;--accent:#5b8cff}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#1b2547 0,var(--bg) 55%)}.wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:100%;max-width:400px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:32px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.brand{font-size:28px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.subtitle{color:var(--muted);margin:0 0 28px;font-size:14px}.btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;margin-bottom:12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#1a1a1a;font-size:15px;font-weight:600;cursor:pointer;transition:transform .05s ease,filter .15s ease}.btn:hover{filter:brightness(.97)}.btn:active{transform:translateY(1px)}.btn--ghost{background:transparent;color:var(--text)}.btn form{margin:0}.icon{width:18px;height:18px;flex:0 0 auto}.hint{color:var(--muted);font-size:12px;margin-top:20px;text-align:center;line-height:1.5}.hello{font-size:26px;margin:0 0 8px}.badge,.hello{font-weight:700}.badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;font-size:12px;background:rgba(91,140,255,.15);color:var(--accent);border:1px solid rgba(91,140,255,.4);vertical-align:middle}.muted{color:var(--muted);font-size:14px}