body:has(.login){background:linear-gradient(180deg,#EEF5F0 0,var(--bg) 420px)}.login{--brand:#2F6E46;--brand-accent:#5D8F6E;--brand-soft:#E3EFE7;--brand-text:#24573A;width:100%;max-width:440px;margin:var(--space-5) auto 0;gap:var(--space-4)}.login,.login-card{display:flex;flex-direction:column}.login-card{gap:var(--space-5);padding:var(--space-6);background:var(--surface);border:1px solid #e1e8e3;border-radius:16px;box-shadow:0 1px 2px rgba(24,43,58,.05),0 16px 40px rgba(36,87,58,.08)}.login-head{display:flex;flex-direction:column;gap:var(--space-2)}.login-head h1{font-size:30px;line-height:1.15;letter-spacing:-.02em}.login-intro{color:var(--muted)}.login .auth-language{justify-content:flex-start;margin:0}.login .field input{height:50px}.login .field input:focus{outline:3px solid color-mix(in srgb,var(--brand) 30%,transparent);outline-offset:0;border-color:var(--brand)}.login .btn-full{min-height:50px;font-size:var(--text-lg)}.brand .op-mark{flex-shrink:0}@media (max-width:640px){.login{margin-top:0}.login-card{padding:var(--space-5) var(--space-4);border-radius:14px}}