.login{background:radial-gradient(circle at 20% -10%, #1a73e81f, transparent 55%), radial-gradient(circle at 110% 110%, #7baef92e, transparent 50%), var(--bg);min-height:100vh;color:var(--text);place-items:center;padding:32px 16px;font-family:Google Sans Text,Roboto,system-ui,sans-serif;display:grid}.login__card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;gap:24px;padding:40px 36px 32px;display:flex}.login__brand{align-items:center;gap:12px;font-family:Google Sans,sans-serif;display:flex}.login__brand-mark{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#7baef9,#1a73e8);border-radius:12px;place-items:center;width:44px;height:44px;font-size:18px;font-weight:600;display:grid}.login__brand-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600}.login__brand-sub{color:var(--text);margin-top:2px;font-size:18px;font-weight:500}.login__head h1{letter-spacing:-.01em;margin:0 0 6px;font-family:Google Sans,sans-serif;font-size:26px;font-weight:400}.login__head p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.login__form{flex-direction:column;gap:16px;display:flex}.login__error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13.5px;display:flex}.login__submit{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:22px;height:44px;margin-top:4px;font-family:Google Sans,sans-serif;font-size:14.5px;font-weight:500;transition:background .12s,box-shadow .12s,transform 60ms}.login__submit:hover:not(:disabled){background:var(--accent-hover);box-shadow:var(--shadow-sm)}.login__submit:active:not(:disabled){transform:translateY(1px)}.login__submit:disabled{background:var(--bg-sunken);color:var(--text-faint);cursor:not-allowed}.login__foot{text-align:center;color:var(--text-muted);font-size:12px;line-height:1.5}.login__foot a{color:var(--accent)}.login__hint{background:var(--bg-soft);border:1px dashed var(--border-strong);color:var(--text-muted);border-radius:10px;margin-top:8px;padding:10px 14px;font-size:12px;line-height:1.55}.login__hint code{background:var(--bg-sunken);color:var(--text);border-radius:4px;padding:1px 6px;font-size:11.5px}