.authx{background:var(--bg-app);grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100dvh;display:grid}.authx-cover{color:var(--cover-text);background:linear-gradient(155deg,var(--cover-bg) 0%,var(--cover-bg-deep) 100%);padding:var(--s-12) clamp(var(--s-8),5vw,72px);justify-content:space-between;gap:var(--s-10);flex-direction:column;display:flex;position:relative;overflow:hidden}.authx-cover:before,.authx-cover:after{content:"";background:var(--cover-soft);pointer-events:none;border-radius:50%;position:absolute}.authx-cover:before{width:480px;height:480px;top:-160px;right:-180px}.authx-cover:after{width:340px;height:340px;bottom:-140px;left:-140px}.authx-cover>*{z-index:1;position:relative}.authx-cover a{color:inherit}.authx-logo{display:inline-flex}.authx-logo img{filter:brightness(0)invert();height:auto;display:block}.authx-cover h2{color:var(--cover-text);letter-spacing:-.02em;max-width:18ch;font-size:clamp(1.9rem,2.6vw,2.6rem);font-weight:800;line-height:1.12}.authx-lead{color:var(--cover-muted);margin-top:var(--s-4);max-width:42ch;font-size:1.05rem;line-height:1.5}.authx-main{min-width:0;padding:var(--s-8) var(--s-6);flex-direction:column;display:flex}.authx-center{padding:var(--s-6) 0;flex:1;justify-content:center;align-items:center;display:flex}.authx-panel{width:100%;max-width:440px}.authx-panel.wide{max-width:480px}.authx-head{margin-bottom:var(--s-6)}.authx-head h1{font-size:1.75rem}.authx-head p{margin-top:var(--s-2);color:var(--text-muted)}.authx-foot{gap:var(--s-2) var(--s-4);color:var(--text-muted);padding-top:var(--s-4);flex-wrap:wrap;justify-content:center;align-items:center;font-size:.82rem;display:flex}.authx-foot a{font-weight:500}.authx-switch{text-align:center;color:var(--text-muted);margin-top:var(--s-6);font-size:.92rem}.authx-form{gap:var(--s-4);flex-direction:column;display:flex}.authx-actions{gap:var(--s-3);margin-top:var(--s-2);align-items:center;display:flex}.authx-actions .btn-primary{flex:1}.authx-inline-action{gap:var(--s-2);color:var(--text-muted);margin-top:calc(var(--s-1) * -1);flex-wrap:wrap;align-items:center;font-size:.88rem;display:flex}.authx-steps{margin-bottom:var(--s-6)}.authx-status{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-4) 0;flex-direction:column;display:flex}.authx-status .big{background:var(--bg-selected);width:72px;height:72px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.authx-status .big.ok{background:var(--success-soft);color:var(--success)}.otp-boxes{gap:var(--s-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.otp-box{text-align:center;width:100%;height:56px;color:var(--text-strong);background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--r-tile);transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease);padding:0;font-size:1.5rem;font-weight:700}.otp-box:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--bg-selected);outline:none}.otp-box[aria-invalid=true]{border-color:var(--danger)}.otp-box:disabled{background:var(--bg-field);opacity:.7}@keyframes authx-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.otp-boxes[data-shake=true]{animation:.5s authx-shake}@media (max-width:1023px){.authx{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.authx-cover{padding:var(--s-6) var(--s-10);gap:var(--s-4);justify-content:flex-start}.authx-cover:before{width:300px;height:300px;top:-140px;right:-100px}.authx-cover:after{display:none}.authx-cover h2{max-width:none;font-size:1.45rem}.authx-lead{max-width:60ch;margin-top:var(--s-2)}.authx-main{padding:var(--s-10) var(--s-8)}.authx-center{align-items:flex-start}.authx-panel,.authx-panel.wide{max-width:520px}.authx-head h1{font-size:2rem}}@media (max-width:767px){.authx-cover{padding:var(--s-4) var(--s-5);flex-direction:row;justify-content:space-between;align-items:center}.authx-pitch{display:none}.authx-tag{color:var(--cover-muted);font-size:.82rem;display:block}.authx-main{padding:var(--s-6) var(--s-4)}.authx-head h1{font-size:1.5rem}.otp-box{height:50px;font-size:1.3rem}}.authx-tag{display:none}@media (max-width:767px){.authx-tag{display:block}}