.auth-shell{background:var(--simorgh-ink);isolation:isolate;place-items:center;min-height:100dvh;padding:5.5rem 1.25rem 3.5rem;display:grid;position:relative;overflow:hidden}.auth-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.auth-canvas canvas{display:block;width:100%!important;height:100%!important}.auth-atmosphere{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-vignette{background:radial-gradient(68% 52% at 50% 40%,#c4a57414 0%,#0000 52%),radial-gradient(#0000 38%,#1a171259 64%,#120f0cc7 86%,#0c0a08f0 100%);position:absolute;inset:0;box-shadow:inset 0 0 140px 52px #0c0a0880,inset 0 0 56px 16px #0c0a0852}.auth-stage{z-index:2;flex-direction:column;align-items:center;gap:1.75rem;width:min(100%,24rem);display:flex;position:relative}.auth-hero{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.auth-emblem{opacity:1;will-change:transform, opacity;place-items:center;width:4.75rem;height:4.75rem;margin-bottom:.55rem;display:grid;position:relative}.auth-emblem__glow{filter:blur(6px);background:radial-gradient(circle,#c4a57480 0%,#c4a57424 45%,#0000 72%);border-radius:50%;position:absolute;inset:-28%}.auth-emblem__img{z-index:1;object-fit:contain;filter:drop-shadow(0 8px 20px #0c0a0873);width:100%;height:100%;position:relative}.auth-wordmark{letter-spacing:-.03em;filter:drop-shadow(0 0 36px #c4a57447);opacity:1;will-change:transform, opacity;margin:0;font-size:clamp(2.6rem,9vw,3.35rem);font-weight:900;line-height:1}.auth-wordmark__fill{background:linear-gradient(145deg, var(--simorgh-ivory) 10%, var(--simorgh-dawn) 55%, var(--simorgh-amber) 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-tagline{color:var(--simorgh-mist);letter-spacing:.04em;opacity:1;font-size:.92rem;font-weight:500}.auth-panel{-webkit-backdrop-filter:blur(18px)saturate(1.15);opacity:1;will-change:transform, opacity;background:linear-gradient(165deg,#2e2a228c 0%,#1a17126b 100%);border:1px solid #e3e4d824;border-radius:1.35rem;width:100%;padding:1.35rem 1.25rem 1.45rem;box-shadow:0 0 0 1px #0c0a0859,0 28px 64px #0c0a0873,inset 0 1px #f5f2e814}.auth-panel__body{will-change:transform, opacity}.auth-steps{justify-content:center;align-items:center;gap:.55rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.auth-steps__item{align-items:center;display:flex}.auth-steps__dot{background:#e3e4d838;border-radius:999px;width:.45rem;height:.45rem;transition:width .35s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s;display:block}.auth-steps__item.is-active .auth-steps__dot{background:linear-gradient(90deg, var(--simorgh-dawn), var(--simorgh-amber));width:1.55rem;box-shadow:0 0 14px #c4a57473}.auth-steps__item.is-done .auth-steps__dot{background:#c4a574a6}.auth-title{color:var(--simorgh-ivory);text-align:center;margin-bottom:.35rem;font-size:1.2rem;font-weight:800}.auth-lead{color:var(--simorgh-mist);text-align:center;margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.auth-hint{color:var(--simorgh-dawn);text-align:center;background:#c4a5741a;border:1px solid #c4a57442;border-radius:.85rem;margin-bottom:1rem;padding:.7rem .85rem;font-size:.84rem;line-height:1.65}.auth-error{color:#f0b4a8;text-align:center;background:#b4463c24;border:1px solid #dc786452;border-radius:.85rem;margin-bottom:1rem;padding:.7rem .85rem;font-size:.84rem}.auth-form{gap:.95rem;display:grid}.auth-field{gap:.4rem;display:grid}.auth-field__label{color:var(--simorgh-mist);align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;display:inline-flex}.auth-input{width:100%;min-height:3.15rem;color:var(--simorgh-ivory);background:#0c0a0873;border:1px solid #e3e4d829;border-radius:999px;outline:none;padding:.85rem 1.15rem;font-family:vazirmatn,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-input::placeholder{color:#c5c2b473}.auth-input:focus{background:#120f0c9e;border-color:#c4a574b3;box-shadow:0 0 0 3px #c4a57429,0 0 24px #c4a5741f}.auth-input--invalid{background:#28120e73;border-color:#dc78648c}.auth-input--invalid:focus{border-color:#dc7864bf;box-shadow:0 0 0 3px #b4463c2e,0 0 20px #b4463c1a}.auth-field__hint{color:#c5c2b49e;padding-inline:.35rem;font-size:.78rem;line-height:1.5}.auth-field__error{color:#f0b4a8;padding-inline:.35rem;font-size:.78rem;line-height:1.5}.auth-input--otp{letter-spacing:.42em;text-align:center;padding-inline-start:1.4rem;font-size:1.4rem;font-weight:700}.auth-submit{isolation:isolate;background:linear-gradient(145deg, var(--simorgh-dawn) 0%, var(--simorgh-amber) 55%, #b8945f 100%);min-height:3.2rem;color:var(--simorgh-ink);cursor:pointer;border:1px solid #f5f2e847;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;margin-top:.15rem;font-family:vazirmatn,sans-serif;font-size:1rem;font-weight:800;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,filter .22s,border-color .22s,background .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #c4a57459,0 10px 28px #c4a5744d,0 2px 8px #1a171259,inset 0 1px #f5f2e873}.auth-submit:before{content:"";z-index:-1;border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 120%,#f5f2e88c 0%,#d4b89633 38%,#0000 68%);transition:opacity .28s,transform .35s cubic-bezier(.22,1,.36,1);position:absolute;inset:-40%;transform:scale(.65)}.auth-submit:after{content:"";z-index:-1;border-radius:inherit;opacity:.7;pointer-events:none;background:radial-gradient(circle at 30% 20%,#f5f2e861 0%,#0000 42%),linear-gradient(160deg,#f5f2e82e 0%,#0000 45%,#1a17121f 100%);transition:opacity .22s;position:absolute;inset:0}.auth-submit:hover:not(:disabled){filter:brightness(1.06);border-color:#f5f2e86b;transform:translateY(-1px)scale(1.02);box-shadow:0 0 0 1px #d4b8968c,0 0 28px #c4a57447,0 14px 36px #c4a5746b,0 4px 12px #1a17124d,inset 0 1px #f5f2e88c}.auth-submit:hover:not(:disabled):before{opacity:.85;transform:scale(1)}.auth-submit:active:not(:disabled){filter:brightness(.97)saturate(1.08);background:linear-gradient(145deg, #c9a87a 0%, var(--simorgh-amber) 48%, #9a7a4e 100%);border-color:#c4a5748c;animation:.55s cubic-bezier(.22,1,.36,1) auth-submit-press;transform:translateY(1px)scale(.965);box-shadow:0 0 0 1px #c4a57480,0 0 22px #d4b89673,0 2px 8px #1a171273,inset 0 2px 6px #1a171247,inset 0 -1px #f5f2e833}.auth-submit:active:not(:disabled):before{opacity:1;background:radial-gradient(circle,#f5f2e8b3 0%,#d4b89659 32%,#c4a5741f 55%,#0000 72%);transform:scale(1.35)}.auth-submit:active:not(:disabled):after{opacity:.35}.auth-submit:disabled{opacity:.72;cursor:wait}@keyframes auth-submit-press{0%{box-shadow:0 0 #d4b8968c,0 0 0 1px #c4a57480,0 2px 8px #1a171273,inset 0 2px 6px #1a171247}45%{box-shadow:0 0 0 10px #d4b89600,0 0 32px #c4a57480,0 2px 8px #1a171273,inset 0 2px 6px #1a171247}to{box-shadow:0 0 0 16px #d4b89600,0 0 18px #c4a57447,0 2px 8px #1a171273,inset 0 2px 6px #1a171247}}@media (prefers-reduced-motion:reduce){.auth-submit:active:not(:disabled){animation:none}.auth-submit:before,.auth-submit:after{transition:none}}.auth-ghost{color:var(--simorgh-mist);cursor:pointer;background:0 0;border:none;justify-self:center;padding:.4rem;font-family:vazirmatn,sans-serif;font-size:.88rem;transition:color .2s}.auth-ghost:hover{color:var(--simorgh-dawn)}.auth-back{color:var(--simorgh-mist);opacity:.92;justify-content:center;align-items:center;gap:.4rem;font-size:.88rem;text-decoration:none;transition:color .2s,opacity .2s,transform .2s;display:inline-flex}.auth-back:hover{color:var(--simorgh-ivory);opacity:1;transform:translate(-2px)}.auth-spinner{width:1.15rem;height:1.15rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:480px){.auth-shell{padding:5rem 1rem 2.75rem;align-items:start;padding-top:max(5rem,12vh)}.auth-panel{padding:1.2rem 1.05rem 1.3rem}.auth-wordmark{font-size:2.45rem}}@media (prefers-reduced-motion:reduce){.auth-emblem,.auth-wordmark,.auth-tagline,.auth-panel,.auth-back{opacity:1!important;filter:none!important;transform:none!important}.auth-spinner{animation:none}}