.auth{--a-ink:#0f1733;--a-text:#344054;--a-muted:#667085;--a-line:#d5dae3;--a-field:#c4cbd6;--a-p:#1d4ed8;--a-pd:#1e3a8a;--a-navy:#0b1640;--a-gold:#f5a30b;--a-ok:#12b76a;--a-late:#f79009;--a-bad:#f04438;min-height:100vh;display:flex;color:var(--a-text)}[dir] .auth{background:#f2f4f9}.auth-brand{position:relative;flex:0 0 46%;max-width:640px;overflow:hidden;color:#fff}[dir=ltr] .auth-brand{background:radial-gradient(120% 80% at 85% 0,rgba(59,130,246,.55) 0,transparent 60%),radial-gradient(80% 60% at 0 100%,rgba(245,163,11,.18) 0,transparent 60%),linear-gradient(160deg,var(--a-pd),var(--a-navy) 70%)}[dir=rtl] .auth-brand{background:radial-gradient(120% 80% at 85% 0,rgba(59,130,246,.55) 0,transparent 60%),radial-gradient(80% 60% at 0 100%,rgba(245,163,11,.18) 0,transparent 60%),linear-gradient(-160deg,var(--a-pd),var(--a-navy) 70%)}.brand-pattern{position:absolute;inset:0;opacity:.09}[dir] .brand-pattern{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Cpath d='M24 24h40v40H24z'/%3E%3Cpath d='M44 15.716L72.284 44 44 72.284 15.716 44z'/%3E%3Ccircle cx='44' cy='44' r='9'/%3E%3Cpath d='M0 44h8m72 0h8M44 0v8m0 72v8'/%3E%3C/g%3E%3C/svg%3E");background-size:88px 88px}.brand-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:22px}[dir] .brand-inner{padding:48px 56px}.brand-mark{display:flex;align-items:center;gap:12px;font-weight:800;font-size:18px}.brand-mark img{width:54px;height:54px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.3))}.auth-brand h1{color:#fff;font-size:34px;font-weight:800;line-height:1.45;text-wrap:balance}[dir] .auth-brand h1{margin:0}.brand-lead{font-size:15px;line-height:1.9;color:hsla(0,0%,100%,.8);max-width:440px}[dir] .brand-lead{margin:0}.preview{width:100%;max-width:380px;backdrop-filter:blur(8px)}[dir] .preview{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.18);border-radius:20px;padding:16px 18px;box-shadow:0 24px 50px -20px rgba(0,0,0,.45)}[dir=ltr] .preview,[dir=rtl] .preview{animation:auth-float 7s ease-in-out infinite}.preview-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.preview-head small{color:hsla(0,0%,100%,.55);font-weight:400;font-size:11px}.preview-body{display:flex;align-items:center;gap:20px}[dir] .preview-body{margin:14px 0 12px}.ring{--deg:calc(var(--p)*3.6deg);width:92px;height:92px;flex:none;display:grid;place-content:center}[dir] .ring{border-radius:50%;text-align:center;background:radial-gradient(closest-side,#16255f 78%,transparent 80%),conic-gradient(var(--a-ok) var(--deg),hsla(0,0%,100%,.14) 0)}.ring b{font-size:20px;line-height:1}.ring small{font-size:11px;color:hsla(0,0%,100%,.7)}.preview-body ul{list-style:none;flex:1;display:flex;flex-direction:column;gap:8px;font-size:14px}[dir] .preview-body ul{padding:0;margin:0}.preview-body li{display:flex;align-items:center;gap:8px}.preview-body li b{font-variant-numeric:tabular-nums}[dir=ltr] .preview-body li b{margin-left:auto}[dir=rtl] .preview-body li b{margin-right:auto}.dot{width:9px;height:9px}[dir] .dot{border-radius:50%}[dir] .dot.ok{background:var(--a-ok)}[dir] .dot.late{background:var(--a-late)}[dir] .dot.bad{background:var(--a-bad)}.preview-foot{font-size:12.5px;color:hsla(0,0%,100%,.82)}[dir] .preview-foot{padding-top:10px;border-top:1px solid hsla(0,0%,100%,.14)}.preview-foot i{color:var(--a-gold)}[dir=ltr] .preview-foot i{margin-right:4px}[dir=rtl] .preview-foot i{margin-left:4px}.brand-points{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px;color:hsla(0,0%,100%,.85)}[dir] .brand-points{padding:0;margin:0}.brand-points i{color:var(--a-gold)}[dir=ltr] .brand-points i{margin-right:6px}[dir=rtl] .brand-points i{margin-left:6px}.auth-main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}[dir] .auth-main{padding:32px 20px 20px}.auth-card{width:100%;max-width:440px}[dir] .auth-card{background:#fff;border:1px solid var(--a-line);border-radius:24px;padding:30px 28px 26px;box-shadow:0 1px 2px rgba(16,24,40,.05),0 30px 60px -34px rgba(15,23,51,.35)}[dir=ltr] .auth-card,[dir=rtl] .auth-card{animation:auth-rise .45s ease-out both}.auth-logo{display:block;height:40px;width:auto}[dir] .auth-logo{margin-bottom:22px}.auth-title{color:var(--a-ink);font-size:23px;font-weight:800}[dir] .auth-title{margin:0 0 6px}.auth-sub{color:var(--a-muted);font-size:14px;line-height:1.8}[dir] .auth-sub{margin:0 0 20px}.auth-field{display:block}[dir] .auth-field{margin:0 0 16px}.auth-label{display:flex;justify-content:space-between;align-items:baseline;font-weight:700;font-size:13.5px;color:var(--a-ink)}[dir] .auth-label{margin-bottom:7px}.auth-label a{font-weight:400;font-size:12.5px}.auth-label small{font-weight:400;font-size:12px;color:var(--a-muted)}.auth-input{position:relative;display:flex;align-items:center;transition:border-color .15s ease,box-shadow .15s ease}[dir] .auth-input{background:#fff;border:1.5px solid var(--a-field);border-radius:14px}[dir] .auth-input:focus-within{border-color:var(--a-p);box-shadow:0 0 0 4px rgba(29,78,216,.14)}.auth-input>i{width:44px;flex:none;color:#98a2b3;font-size:17px}[dir] .auth-input>i{text-align:center}.auth-input input,.auth-input select{flex:1;min-width:0;height:50px;outline:0;font-size:15px;color:var(--a-ink);font-family:inherit}[dir] .auth-input input,[dir] .auth-input select{border:0;background:transparent}[dir=ltr] .auth-input input,[dir=ltr] .auth-input select{padding:0 14px 0 0}[dir=rtl] .auth-input input,[dir=rtl] .auth-input select{padding:0 0 0 14px}[dir] .auth-input select{cursor:pointer}.auth-input input::placeholder{color:#a9b1bf}.auth-input .auth-eye{width:44px;height:44px;color:#98a2b3}[dir] .auth-input .auth-eye{border:0;background:none;cursor:pointer}.auth-input .auth-eye:hover{color:var(--a-p)}.auth-input.code input{letter-spacing:.5em;font-size:22px;font-weight:800}[dir] .auth-input.code input{text-align:center;padding:0}.auth-btn{width:100%;height:52px;color:#fff;font-weight:800;font-size:16px;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}[dir] .auth-btn{border:0;border-radius:14px;cursor:pointer;box-shadow:0 14px 26px -14px rgba(29,78,216,.85)}[dir=ltr] .auth-btn{background:linear-gradient(135deg,var(--a-p),var(--a-pd))}[dir=rtl] .auth-btn{background:linear-gradient(-135deg,var(--a-p),var(--a-pd))}[dir] .auth-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 30px -14px rgba(29,78,216,.9)}.auth-btn:disabled{opacity:.5}[dir] .auth-btn:disabled{cursor:not-allowed;box-shadow:none}[dir] .auth-btn.green{box-shadow:0 14px 26px -14px rgba(7,148,85,.85)}[dir=ltr] .auth-btn.green{background:linear-gradient(135deg,#12b76a,#067647)}[dir=rtl] .auth-btn.green{background:linear-gradient(-135deg,#12b76a,#067647)}.auth-btn:focus-visible,.auth-eye:focus-visible,.auth-ghost:focus-visible{outline:3px solid rgba(29,78,216,.45);outline-offset:2px}.auth-ghost{width:100%;height:46px;color:var(--a-text);font-weight:700;font-family:inherit;display:flex;align-items:center;justify-content:center;gap:8px}[dir] .auth-ghost{margin-top:10px;border:1.5px solid var(--a-line);border-radius:14px;background:#fff;cursor:pointer}.auth-ghost:hover{text-decoration:none;color:var(--a-ink)}[dir] .auth-ghost:hover{background:#f6f7fb}.auth-alert{font-size:13.5px;line-height:1.7;display:flex;gap:8px;align-items:flex-start}[dir] .auth-alert{border-radius:12px;padding:11px 14px;margin-bottom:16px}[dir] .auth-alert i{margin-top:4px}.auth-alert.bad{color:#b42318}[dir] .auth-alert.bad{background:#fef3f2;border:1px solid #fecdca}.auth-alert.ok{color:#067647}[dir] .auth-alert.ok{background:#ecfdf3;border:1px solid #abefc6}.auth-alert.warn{color:#b54708}[dir] .auth-alert.warn{background:#fffaeb;border:1px solid #fedf89}.auth-check{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;font-weight:500;color:var(--a-text)}[dir] .auth-check{margin:4px 0 18px;cursor:pointer}.auth-check input{width:18px;height:18px;accent-color:var(--a-p)}[dir] .auth-check input{margin-top:3px}.auth-alt{font-size:14px;color:var(--a-muted)}[dir] .auth-alt{text-align:center;margin:18px 0 0}.auth-alt a{font-weight:700}.auth-alt.muted{font-size:12.5px}[dir] .auth-alt.muted{margin-top:8px}.auth-divider{display:flex;align-items:center;gap:12px;color:#98a2b3;font-size:12.5px}[dir] .auth-divider{margin:18px 0 4px}.auth-divider:after,.auth-divider:before{content:"";flex:1}[dir] .auth-divider:after,[dir] .auth-divider:before{border-top:1px solid var(--a-line)}.auth-steps{display:flex;gap:8px}[dir] .auth-steps{margin:-6px 0 18px}.auth-steps span{flex:1;height:5px}[dir] .auth-steps span{border-radius:3px;background:#e6e9ef}[dir] .auth-steps span.on{background:var(--a-p)}.auth-foot{font-size:12.5px;color:#98a2b3}[dir] .auth-foot{margin:18px 0 0}@keyframes auth-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){[dir=ltr] .auth-card,[dir=ltr] .preview,[dir=rtl] .auth-card,[dir=rtl] .preview{animation:none}}@media (max-width:991.98px){.auth{flex-direction:column}.auth-brand{flex:none;max-width:none}.brand-inner{gap:10px}[dir] .brand-inner{padding:22px 20px 70px}.auth-brand h1{font-size:22px}.brand-lead{font-size:13px;line-height:1.8}.brand-mark img{width:40px;height:40px}.brand-points,.preview{display:none}.auth-main{justify-content:flex-start}[dir] .auth-main{margin-top:-52px;padding:0 16px 20px}[dir] .auth-card{padding:24px 20px 22px;border-radius:22px}.auth-logo{display:none}}@media (max-width:575.98px){.brand-lead{display:none}}