:root{--bg:#f2f3f5;--bg-soft:#e9ebef;--card:#ffffff;--text:#16181d;--muted:#6b7280;--border:#e2e4ea;--accent:#16181d;--accent-soft:rgba(22,24,29,0.06)}*{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%,var(--bg-soft) 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(22,24,29,.08)}.brand{font-size:24px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px;text-transform:capitalize}.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,border-color .15s ease}.btn:hover{filter:brightness(.98);border-color:#cbd0da}.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}.error-box{background:rgba(178,44,44,.07);border:1px solid rgba(178,44,44,.25);color:#b22c2c;border-radius:10px;padding:12px 14px;font-size:13px;margin-bottom:20px;line-height:1.5}.hello{font-size:26px;font-weight:700;margin:0 0 8px}.muted{color:var(--muted);font-size:14px}