:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:#0f172a;background:radial-gradient(circle at top,#e2e8f0,#f8fafc 50%,#fff);line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh;display:grid;place-items:center;padding:2rem}.app{width:min(520px,100%)}.card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:3rem;box-shadow:0 20px 45px #0f172a1a}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:#64748b;margin:0 0 .75rem}h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.5rem)}.lede{margin:0 0 2rem;color:#475569}.actions{display:grid;gap:.75rem;margin-bottom:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.25rem;border-radius:999px;border:1px solid #cbd5f5;text-decoration:none;color:#0f172a;background:#f8fafc;font-weight:600;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.button .icon{width:20px;height:20px;display:inline-flex}.button .icon svg{width:100%;height:100%}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f}.button:disabled{opacity:.6;cursor:not-allowed}.button.provider.google{background:#fff}.success{display:grid;gap:1rem}.error{margin:0;color:#b91c1c;background:#fef2f2;border-radius:12px;padding:.75rem 1rem;border:1px solid #fecaca}