:root{color:#211b38;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f2ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.auth-shell{background:radial-gradient(circle at 15% 20%,#7753d424,#0000 34%),radial-gradient(circle at 85% 82%,#ffb46f2e,#0000 31%),#f8f6ff;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #4b34821f;border-radius:24px;width:min(100%,440px);min-height:444px;padding:36px;display:grid;box-shadow:0 24px 70px #301f591f}.brand-mark{color:#fff;background:#6547bd;border-radius:14px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:800;display:grid;box-shadow:0 10px 24px #6547bd3d}.auth-content,.auth-state{align-self:center}.auth-content h1{letter-spacing:-.045em;max-width:330px;margin:0;font-size:clamp(32px,8vw,43px);line-height:1.06}.auth-content>p{color:#6c657d;margin:18px 0 30px;font-size:17px;line-height:1.55}.button{cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;padding:12px 18px;font-weight:700;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:focus-visible{outline-offset:3px;outline:3px solid #6547bd47}.button:disabled{cursor:wait;opacity:.7}.button-primary{color:#fff;background:#6547bd;box-shadow:0 12px 26px #6547bd3b}.button-primary:hover:not(:disabled){background:#573ba9}.button-secondary{color:#4f378e;background:#f8f6ff;border-color:#ddd5f2}.google-mark{width:21px;height:21px}.auth-state{color:#6c657d;justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:2px solid #d8d0ec;border-top-color:#6547bd;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.account-ready,.error-state{text-align:center}.account-ready h1,.error-state h1{margin-inline:auto;font-size:clamp(30px,7vw,38px)}.ready-mark{color:#27664c;background:#e5f6ee;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 22px;font-size:24px;font-weight:800;display:grid}.account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=520px){.auth-shell{align-items:stretch;padding:0}.auth-card{width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;padding:28px 24px}}@media (prefers-reduced-motion:reduce){.button{transition:none}.spinner{animation-duration:1.4s}}