.auth-page{display:grid;place-items:center;min-height:100vh}.auth-card{width:min(480px,calc(100vw - 32px));padding:30px;background:#fff;border:1px solid var(--line);border-radius:6px}.auth-card h1{font-size:23px;margin:25px 0 10px}.auth-card .button{width:100%;margin-top:8px}.auth-card p{color:var(--muted);font-size:13px}
.auth-page{background:#edf5ff;position:relative}.auth-page:before{content:"";position:fixed;top:0;right:0;left:0;height:6px;background:var(--accent)}.auth-card{padding:38px 34px;border:0;box-shadow:0 20px 48px rgba(23,47,83,.16)}.auth-card h1{font-size:27px}.auth-card .brand{justify-content:center;color:var(--blue)}.auth-card .brand__logo{width:auto;max-width:100%;height:80px;border-radius:0;object-fit:contain;object-position:center}.auth-card .button{min-height:46px}
.password-field{position:relative;display:block}.password-field input{padding-right:58px}.password-field__toggle{position:absolute;top:50%;right:7px;min-width:42px;padding:3px 5px;transform:translateY(-50%);border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700}
.auth-remember{display:inline-flex;align-items:center;gap:7px;margin:2px 0 4px;color:var(--muted);font-size:13px;cursor:pointer}.auth-remember input{width:15px;height:15px;margin:0;accent-color:var(--accent);cursor:pointer}
.captcha-field{display:grid;grid-template-columns:minmax(0,1fr) 118px;gap:8px;align-items:center}.captcha-field input{min-width:0}.captcha-field img{width:118px;height:42px;border:1px solid var(--line);border-radius:4px;background:#f8fafc;cursor:pointer}.captcha-field button{grid-column:2;justify-self:end;min-height:auto;padding:0;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:700}.captcha-field button:hover{background:transparent}@media(max-width:420px){.captcha-field{grid-template-columns:minmax(0,1fr) 100px}.captcha-field img{width:100px}}
.verification-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.verification-field .button{margin:0;width:auto;min-height:42px;padding:0 12px;white-space:nowrap}
.auth-card--horizontal .field{grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.auth-card--horizontal .field>.password-field,.auth-card--horizontal .field>.verification-field{min-width:0}.auth-card--horizontal .field>input{min-width:0}.auth-card--horizontal .field>.verification-field{width:100%}@media(max-width:430px){.auth-card--horizontal .field{gap:8px}}