/* Axorai 392: login and registration in the landing's visual language. Loaded after auth373.css. */
:root{--bg:#0b0b0c;--panel:#17171a;--input:#111113;--text:#f3f0ea;--muted:#a09c94;--line:rgba(255,255,255,.14);--focus:#e9dcc3;--error:#f0a79c;--acc:#e9dcc3;--acc-ink:#15130f;--font:'Golos Text',system-ui,-apple-system,'Segoe UI',sans-serif}
:root[data-theme=light]{--bg:#f6f4ef;--panel:#ebe8e0;--input:#fff;--text:#1b1a17;--muted:#6b685f;--line:rgba(0,0,0,.16);--focus:#1b1a17;--error:#a23228;--acc:#1b1a17;--acc-ink:#f6f4ef}
body{font-size:15px;-webkit-font-smoothing:antialiased}
@media (min-width:901px){.auth-shell{grid-template-columns:minmax(0,1.1fr) minmax(460px,1fr)}}
.auth-art{background:#070708}
.auth-art-image{object-position:64% 40%;opacity:.92}
.auth-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,8,.35),transparent 30%,transparent 50%,rgba(7,7,8,.92))}
.auth-art-brand,.auth-art-copy,.auth-art-index{z-index:1}
.auth-art-brand{top:36px;left:clamp(32px,5vw,72px)}.auth-art-brand img{width:112px}
.auth-art-copy{left:clamp(32px,5vw,72px);bottom:84px}
.auth-art-copy h2{font:500 clamp(36px,4vw,64px)/1.03 var(--font);letter-spacing:-.038em;margin:0 0 20px}
.auth-art-copy p{font-size:17px;line-height:1.5;color:#cfcbc3}
.auth-art-index{left:clamp(32px,5vw,72px);font-size:11px;letter-spacing:.14em;color:#8a867e}
.card{width:min(100%,500px);padding:40px 44px}
.top-row{margin-bottom:56px}
.back-link,.theme-toggle{font-size:13.5px;transition:color .2s}
.auth-title,.auth-recovery-dialog h2,.reset-sent-box h2,.support-head b{font-family:var(--font);font-weight:500;letter-spacing:-.03em}
.auth-title{font-size:clamp(30px,2.8vw,40px);line-height:1.08;margin-bottom:12px}
.auth-subtitle{font-size:15.5px;margin-bottom:32px}
.field{margin-bottom:18px}
.field label{font-size:13px;font-weight:400;color:var(--muted)}
.field input,.field textarea{border-radius:12px;min-height:52px;padding:14px 16px;font-size:16px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field textarea:focus{border-color:var(--focus);outline:0;box-shadow:0 0 0 4px color-mix(in srgb,var(--focus) 16%,transparent)}
.btn{min-height:52px;border-radius:999px;border-color:var(--acc);background:var(--acc);color:var(--acc-ink);font-size:15.5px;font-weight:500;transition:background .2s,transform .2s,opacity .2s}
.btn:hover{opacity:1;background:color-mix(in srgb,var(--acc) 82%,#fff)}
.btn:active{transform:scale(.985)}
.chk{font-size:13.5px;align-items:center;line-height:1.45}
.chk input{top:1px}.chk-box{border-radius:5px;margin-top:0;flex-basis:18px;height:18px}
.chk input:checked+.chk-box{background:var(--acc);border-color:var(--acc)}.chk input:checked+.chk-box:after{color:var(--acc-ink)}
.link-btn,.text-action{font-size:13.5px;text-decoration-color:var(--line);transition:color .2s}
.hint,.auth-switch{font-size:14px;margin-top:30px}
.auth-switch a{text-decoration-color:var(--line)}
.auth-docs{font-size:12.5px;margin-top:44px}
.field-note,.req-hint,.tg-note,.tg-status{font-size:12.5px}
.wizard-progress{font-size:12px}.wizard-track{height:3px;border-radius:3px;overflow:hidden}.wizard-track i{background:var(--acc);transition:width .4s cubic-bezier(.2,.7,.2,1)}
.strength-bar{border-radius:3px}
.social337 a{border-radius:12px;min-height:50px;font-size:14px;transition:background .2s,border-color .2s}
.social337 a:hover{border-color:var(--text)}
.err,.form-error,#recovery-error,#password-change-error{border-radius:12px;font-size:13.5px;background:color-mix(in srgb,var(--error) 9%,transparent);border-color:color-mix(in srgb,var(--error) 45%,transparent)}
.support-modal,.reset-sent-modal{background:rgba(0,0,0,.66);backdrop-filter:blur(6px)}
.auth-recovery-dialog::backdrop{background:rgba(0,0,0,.66);backdrop-filter:blur(6px)}
.support-box,.reset-sent-box,.auth-recovery-dialog{border-radius:20px;padding:30px 32px;background:var(--panel);box-shadow:0 60px 140px rgba(0,0,0,.6)}
.auth-recovery-dialog p,.reset-sent-box p,.support-note,.support-head span{font-size:14px;line-height:1.55}
.support-close,.recovery-close{border-radius:50%;width:36px;height:36px;background:transparent;color:var(--muted);transition:background .2s,color .2s}
.support-close:hover,.recovery-close:hover{background:color-mix(in srgb,var(--text) 9%,transparent);color:var(--text)}
.twofa-choice button,.tg-code-row button{border-radius:10px}
@media (max-width:900px){.card{padding:28px 20px 40px}.top-row{margin-bottom:36px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}