.login{--paper:#f7f7f4;--ink:#14161a;--muted:#5c6472;--faint:#838b99;--line:#e8eaee;--blue:#2743e8;background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font,sans-serif);place-items:center;padding:24px 16px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:min(380px,100%);padding:36px 32px 24px;display:flex;box-shadow:0 1px 2px #14161a0a,0 8px 24px #14161a0d}.login-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:14px;display:flex}.login-brand span{color:var(--muted);background:var(--paper);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:500}.login-google{min-height:50px;color:var(--ink);background:#fff;border:1px solid #d5d9e0;border-radius:10px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:700;text-decoration:none;transition:border-color .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 1px 2px #14161a0f}.login-google:hover{border-color:var(--blue);box-shadow:0 0 0 3px #2743e81a}.login-google:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.login-google:active{background:#f4f6fe}.login-hint{text-align:center;color:var(--faint);margin:-4px 0 0;font-size:12px}.login-error{color:#c22b1d;background:#fdecec;border-radius:10px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.login-foot{text-align:center;color:var(--faint);margin:10px 0 0;font-size:12px}