.auth-page{position:relative;min-height:calc(100vh - 96px);padding:48px 0 70px;display:grid;align-items:center;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-orb-one{width:360px;height:360px;top:4%;right:-220px;background:radial-gradient(circle,rgba(0,245,155,.16),transparent 68%)}.auth-orb-two{width:500px;height:500px;bottom:-260px;left:-180px;background:radial-gradient(circle,rgba(108,92,231,.23),transparent 68%)}
.auth-shell{position:relative;display:grid;grid-template-columns:1.05fr .95fr;min-height:650px;border:1px solid rgba(73,107,143,.55);border-radius:30px;overflow:hidden;background:rgba(6,16,27,.92);box-shadow:0 32px 90px rgba(0,0,0,.5),0 0 60px rgba(64,61,204,.08);isolation:isolate}.auth-shell:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(18,50,65,.38),transparent 43%,rgba(38,25,92,.16))}
.auth-showcase{position:relative;padding:58px 55px 38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-left:1px solid rgba(52,83,112,.45);background:radial-gradient(circle at 35% 55%,rgba(25,221,205,.12),transparent 31%),linear-gradient(145deg,rgba(13,34,52,.92),rgba(7,18,31,.8))}.auth-showcase:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:34px 34px}.showcase-badge{display:inline-flex;align-items:center;gap:9px;color:#b9c8d8;font-size:.76rem;border:1px solid rgba(52,231,198,.26);border-radius:30px;padding:6px 12px;background:rgba(8,38,46,.45)}.showcase-badge span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.showcase-copy h1{margin:18px 0 12px;font-size:clamp(1.9rem,3vw,2.65rem);line-height:1.45;letter-spacing:-1px}.showcase-copy h1 strong{font-weight:900;color:#55e5db}.showcase-copy p{max-width:500px;margin:0;color:#aab8ca;font-size:.94rem}
.account-preview{position:relative;height:250px;margin:10px 0}.preview-glow{position:absolute;width:290px;height:150px;left:18%;top:54px;border-radius:50%;background:#02d9c6;filter:blur(70px);opacity:.2}.preview-card{position:absolute;width:280px;height:165px;border:1px solid rgba(100,208,221,.42);border-radius:20px;box-shadow:0 24px 45px rgba(0,0,0,.45);overflow:hidden}.preview-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.13),transparent 35%);pointer-events:none}.preview-card-back{left:9%;top:48px;padding:27px;transform:rotate(-9deg);background:linear-gradient(140deg,#302575,#101b37);color:#786cf4}.preview-card-back b{font-size:1.25rem}.preview-card-back span{display:block;margin-top:66px;color:#a6a9cb;font-size:.53rem;letter-spacing:2px}.preview-card-front{left:24%;top:28px;padding:20px 23px;transform:rotate(5deg);background:linear-gradient(145deg,#102d47,#0b1628 70%)}.preview-head{display:flex;align-items:center;gap:9px;color:#a9b7c8}.preview-logo{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,#00e7b1,#1aa6d1);color:#06191d;font-weight:900}.preview-card-front>strong{display:block;margin-top:20px;font-size:1.45rem;direction:rtl}.preview-card-front strong small{font-size:.65rem;color:#8fa0b4}.preview-code{direction:ltr;display:flex;gap:9px;margin-top:19px}.preview-code span{width:37px;height:4px;border-radius:3px;background:#34536b}.preview-chip{position:absolute;z-index:3;border:1px solid rgba(99,226,217,.25);border-radius:25px;padding:5px 12px;background:rgba(10,33,48,.9);box-shadow:0 8px 20px rgba(0,0,0,.32);color:#bce4e1;font-size:.67rem}.chip-one{right:4%;top:39px}.chip-two{left:9%;bottom:28px}
.showcase-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}.showcase-features>div{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid rgba(52,84,111,.45);border-radius:15px;background:rgba(10,25,40,.7)}.showcase-features>div>span{display:grid;place-items:center;flex:0 0 auto;width:39px;height:39px;border-radius:12px;color:#44dfd5;background:#152d45}.showcase-features p{margin:0}.showcase-features strong,.showcase-features small{display:block}.showcase-features strong{font-size:.78rem}.showcase-features small{color:#8f9bad;font-size:.63rem}
.auth-panel{position:relative;display:flex;flex-direction:column;padding:45px 68px 28px;background:linear-gradient(155deg,rgba(8,17,31,.97),rgba(8,13,27,.94))}.mobile-brand{display:none}.auth-form-wrap{width:100%;max-width:410px;margin:auto}.auth-progress{display:flex;align-items:center;justify-content:center;margin-bottom:32px}.progress-dot{width:8px;height:8px;border-radius:50%;background:#2d3a51;transition:.25s}.progress-dot.is-active{width:24px;border-radius:6px;background:linear-gradient(90deg,var(--accent),var(--cyan));box-shadow:0 0 10px rgba(0,245,155,.35)}.progress-line{width:32px;height:1px;background:#29344a;margin:0 6px}.auth-step{animation:step-in .32s ease}.auth-step[hidden]{display:none}@keyframes step-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.auth-heading{text-align:center;margin-bottom:30px}.auth-icon{width:64px;height:64px;margin:0 auto 15px;display:grid;place-items:center;border:1px solid rgba(122,102,246,.4);border-radius:21px;background:linear-gradient(145deg,rgba(117,78,239,.27),rgba(38,73,141,.2));color:#9f8dff;box-shadow:0 0 24px rgba(108,92,231,.17)}.auth-icon .icon{width:29px;height:29px}.auth-heading h2{margin:0 0 7px;font-size:1.65rem}.auth-heading p{margin:0;color:#98a5b7;font-size:.86rem}.auth-heading p b{display:inline-block;color:#66e4d9;font-weight:700;margin:0 4px}.field-label{display:block;margin:0 2px 8px;color:#dbe1ea;font-size:.82rem;font-weight:700}.phone-field{position:relative;display:flex;align-items:center;height:58px;border:1px solid #33445e;border-radius:15px;background:#101a2a;transition:.2s}.phone-field:focus-within{border-color:#38d9cf;box-shadow:0 0 0 3px rgba(56,217,207,.08)}.phone-field.is-invalid{border-color:#ef6471}.phone-field .icon{position:absolute;right:17px;width:19px;color:#8291a6}.phone-field input{width:100%;height:100%;padding:0 49px 0 72px;border:0;outline:0;background:transparent;color:#fff;font-family:Vazirmatn,Tahoma,sans-serif;font-size:1rem;text-align:left;letter-spacing:.5px}.phone-field input::placeholder{color:#59687d}.phone-prefix{position:absolute;left:17px;padding-right:13px;border-right:1px solid #344157;color:#8491a4;font-size:.86rem}.field-hint{margin:7px 3px 0;color:#748297;font-size:.69rem}.field-error{min-height:22px;margin:3px 3px 0;color:#ff7782;font-size:.72rem}.auth-submit{width:100%;height:55px;margin-top:11px;border:0;border-radius:15px;background:linear-gradient(100deg,#7a45f1,#377ef0 58%,#21cbb9);box-shadow:0 10px 27px rgba(85,74,224,.28);color:#fff;font-weight:800;cursor:pointer;transition:.2s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(85,74,224,.4)}.auth-submit span{display:inline-block;margin-right:7px;font-size:1.15rem}.terms{text-align:center;margin:19px 0 0;color:#718095;font-size:.7rem}.terms a{color:#5ad7ce}.auth-support{text-align:center;color:#758398;font-size:.72rem}.auth-support>span{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:4px;border:1px solid #607087;border-radius:50%;font-size:.65rem}.auth-support a{color:#54d8cf}
.back-button{border:0;padding:0 0 17px;background:transparent;color:#7f8da2;cursor:pointer;font-size:.75rem}.back-button span{margin-left:5px}.otp-icon{color:#55ded4;border-color:rgba(60,214,203,.35);background:linear-gradient(145deg,rgba(31,198,183,.19),rgba(49,85,149,.17))}.otp-fieldset{display:flex;direction:ltr;justify-content:center;gap:10px;margin:0;padding:0;border:0}.otp-input{width:49px;height:58px;border:1px solid #34455e;border-radius:13px;outline:0;background:#101a2a;color:#fff;text-align:center;font-family:Vazirmatn,Tahoma,sans-serif;font-size:1.35rem;font-weight:800;caret-color:#4be1d5;transition:.2s}.otp-input:focus,.otp-input.has-value{border-color:#42dcd2;box-shadow:0 0 0 3px rgba(56,217,207,.08)}.otp-error{text-align:center}.resend-row{min-height:27px;margin:8px 0 0;text-align:center;color:#7c899c;font-size:.73rem}.resend-row b{color:#5bded5;font-weight:700}.resend-row button{border:0;background:transparent;color:#5bded5;font:inherit;font-weight:700;cursor:pointer}
@media(max-width:1000px){.auth-page{padding-top:34px}.auth-shell{grid-template-columns:.9fr 1.1fr;min-height:620px}.auth-showcase{padding:45px 30px}.preview-card{width:235px;height:145px}.preview-card-front{left:20%}.preview-card-back{left:3%}.account-preview{height:220px}.auth-panel{padding:40px 40px 27px}.showcase-features{grid-template-columns:1fr}.showcase-features>div:last-child{display:none}}
@media(max-width:700px){body.auth-open .topbar{display:none}.auth-page{min-height:100svh;padding:18px 0 30px;align-items:start}.auth-shell{display:block;width:min(100% - 24px,500px);min-height:calc(100svh - 48px);border-radius:24px}.auth-showcase{display:none}.auth-panel{min-height:calc(100svh - 50px);padding:15px 25px 22px}.mobile-brand{display:block;align-self:center}.mobile-brand img{width:125px;height:53px;object-fit:contain}.auth-form-wrap{margin:auto}.auth-progress{margin-bottom:24px}.auth-heading{margin-bottom:25px}.auth-heading h2{font-size:1.4rem}.auth-icon{width:58px;height:58px;border-radius:19px}.auth-submit{height:53px}.auth-support{margin-top:28px}.otp-input{width:45px;height:55px}.auth-page+footer{display:none}}
@media(max-width:390px){.auth-panel{padding-inline:16px}.otp-fieldset{gap:6px}.otp-input{width:42px;height:52px}.auth-heading p{font-size:.79rem}}
@media(prefers-reduced-motion:reduce){.auth-step{animation:none}.auth-submit{transition:none}}