.login{--ink:#13283a;--slate:#56636e;--muted:#67727c;--line:#e3e8ec;--line-2:#cbd6df;--paper:#f4f6f8;--surface:#fff;min-height:100vh;font-family:var(--font-plex-sans), system-ui, sans-serif;color:var(--ink);background:var(--paper);grid-template-columns:46% 54%;line-height:1.5;display:grid}.login .form-side{background:var(--surface);justify-content:center;align-items:center;padding:44px 40px;display:flex}.login .form-box{width:100%;max-width:384px}.login .form-box h1{font-family:var(--font-spectral), Georgia, serif;letter-spacing:-.01em;color:var(--ink);margin:0;font-size:27px;font-weight:500}.login .lead{color:var(--slate);margin:8px 0 26px;font-size:14.5px}.login .field{margin-bottom:16px}.login .field label{color:var(--ink);margin-bottom:7px;font-size:13px;font-weight:600;display:block}.login .field input{width:100%;font-family:var(--font-plex-sans), system-ui, sans-serif;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,box-shadow .15s}.login .field input::placeholder{color:var(--muted)}.login .field input:focus{border-color:var(--blue-bright);outline:none;box-shadow:0 0 0 3px #2e6fa31f}.login .hint{color:var(--muted);margin-top:8px;font-size:12.5px}.login .btn{width:100%;font-family:var(--font-plex-sans), system-ui, sans-serif;cursor:pointer;border:1.5px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:14.5px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.login .btn svg{width:17px;height:17px}.login .btn--primary{background:var(--bordeaux);color:#fff}.login .btn--primary:hover{background:#7a3225}.login .btn--primary:disabled{opacity:.6;cursor:default}.login .btn--ghost{border:1.5px solid var(--line-2);color:var(--ink);background:#fff}.login .btn--ghost:hover{border-color:var(--blue-bright);color:var(--blue)}.login .form-foot{text-align:center;color:var(--slate);margin-top:24px;font-size:13.5px}.login .linklike{color:var(--blue-bright);cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:0;padding:0}.login .linklike:hover{text-decoration:underline}.login .col{flex-direction:column;gap:12px;display:flex}.login .notice{border-radius:11px;padding:12px 14px;font-size:13.5px;line-height:1.5}.login .notice--ok{color:var(--green-deep);background:#ecfdf5;border:1px solid #a7f3d0}.login .notice--err{color:var(--bordeaux);background:#fef2f2;border:1px solid #fecaca}.login .notice__sub{color:var(--slate);text-align:center;font-size:12.5px}@media (max-width:860px){.login{grid-template-columns:1fr}.login .form-side{padding:36px 24px 56px}}@media (max-width:420px){.login .form-side{padding:28px 18px 56px}}@media (prefers-reduced-motion:reduce){.login *{transition:none!important;animation:none!important}}