.login-main{min-height:calc(100dvh - 76px);display:grid;place-items:center;padding:48px 24px}
.login-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px}
.login-card h1{font-size:32px;letter-spacing:-1px;margin-bottom:12px}
.login-intro{font-size:14px;color:var(--muted);margin:0 0 28px}
.login-field{margin-bottom:20px}
.login-field label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.login-field input{width:100%;min-height:48px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:10px 13px;font:inherit}
.login-field input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.password-field{position:relative}
.password-field input{padding-right:96px}
.password-field button{position:absolute;right:5px;top:2px;min-height:44px;padding:8px 10px}
.login-card .primary{width:100%;margin-top:24px}
.login-error{font-size:14px;line-height:1.5;color:var(--red);background:#fceeee;border-radius:8px;padding:12px;margin:0}
.login-error:focus{outline:2px solid var(--red);outline-offset:2px}
.login-caption{font-size:12px;color:var(--muted);text-align:center;margin:24px 0 0}
.account-menu{display:flex;gap:16px;align-items:center;font-size:12px;color:var(--muted)}
@media(max-width:480px){.login-main{padding:28px 18px;align-items:start}.login-card{padding:28px 24px}.login-page .topbar{padding:0 20px}.login-card h1{font-size:28px}.account-menu{gap:8px}}