.auth-gate{--auth-ink:#e8f7f5;--auth-ink-soft:#d2ece8c7;--auth-line:#78d2c838;--auth-cyan:#1ec9be;--auth-gold:#d4b45a;--auth-deep:#031a1f;--auth-panel:#062026b8;isolation:isolate;width:100%;min-height:100dvh;color:var(--auth-ink);font-family:var(--font-vazirmatn), "Vazirmatn", Tahoma, sans-serif;background:var(--auth-deep);margin:0;position:relative;overflow:hidden}.auth-gate__sky{z-index:0;background:radial-gradient(120% 80% at 50% -10%,#0a3d46 0%,#0000 55%),radial-gradient(90% 70% at 100% 100%,#1a2a18 0%,#0000 50%),linear-gradient(165deg,#01080c 0%,#02161c 38%,#041e26 68%,#010a0e 100%);position:absolute;inset:0}.auth-gate__nebula{z-index:1;pointer-events:none;position:absolute;inset:-15%;overflow:hidden}.auth-gate__nebula-wash{filter:blur(64px);opacity:.55;mix-blend-mode:screen;will-change:transform;width:70vmax;height:70vmax;display:block;position:absolute}.auth-gate__nebula-wash--a{background:radial-gradient(circle at 40% 40%,#1ec9be73,#0000 62%),radial-gradient(circle at 70% 60%,#2878a040,#0000 55%);animation:22s ease-in-out infinite auth-nebula-a;top:-20%;left:-15%}.auth-gate__nebula-wash--b{background:radial-gradient(circle at 50% 40%,#d4b45a52,#0000 60%),radial-gradient(circle at 30% 70%,#b4643c1f,#0000 50%);width:60vmax;height:60vmax;animation:26s ease-in-out infinite auth-nebula-b;top:10%;right:-25%}.auth-gate__nebula-wash--c{background:radial-gradient(circle,#145a8c59,#0000 65%),radial-gradient(circle at 20% 40%,#1ec9be2e,#0000 55%);width:75vmax;height:55vmax;animation:30s ease-in-out infinite auth-nebula-c;bottom:-30%;left:20%}.auth-gate__stars,.auth-gate__stars--far{z-index:1;pointer-events:none;opacity:.85;background-repeat:repeat;background-size:320px 320px;position:absolute;inset:0}.auth-gate__stars{background-image:radial-gradient(1.5px 1.5px at 20px 30px,#e6fffaf2,#0000),radial-gradient(1px 1px at 80px 120px,#fff0c8cc,#0000),radial-gradient(1.2px 1.2px at 160px 70px,#b4fff5e6,#0000),radial-gradient(1px 1px at 240px 200px,#ffffffb3,#0000),radial-gradient(1.4px 1.4px at 280px 40px,#d4b45ad9,#0000),radial-gradient(1px 1px at 40px 220px,#c8f0ffbf,#0000),radial-gradient(1.1px 1.1px at 190px 260px,#ffffffa6,#0000);animation:6s ease-in-out infinite auth-stars-twinkle}.auth-gate__stars--far{opacity:.45;background-image:radial-gradient(1px 1px at 40px 60px,#c8e6f099,#0000),radial-gradient(1px 1px at 140px 180px,#ffffff73,#0000),radial-gradient(1px 1px at 300px 90px,#b4dcff80,#0000),radial-gradient(1px 1px at 420px 300px,#ffe6b466,#0000),radial-gradient(1px 1px at 220px 400px,#c8fff573,#0000);background-size:480px 480px;animation:80s linear infinite auth-stars-drift}.auth-gate__glow-band{z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 0% 38%,#1ec9be12 48%,#d4b45a17 52%,#0000 62% 100%),radial-gradient(80% 40% at 50% 110%,#1ec9be38,#0000 70%);animation:14s ease-in-out infinite auth-glow-band;position:absolute;inset:0}.auth-gate__depth-grid{z-index:1;pointer-events:none;transform-origin:top;opacity:.4;background-image:linear-gradient(#78e6dc1f 1px,#0000 1px),linear-gradient(90deg,#78e6dc1a 1px,#0000 1px);background-size:64px 64px;height:65%;animation:20s linear infinite auth-depth-grid;position:absolute;bottom:-40%;left:-15%;right:-15%;transform:perspective(640px)rotateX(62deg);-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.auth-meteors{--meteor-angle:45deg;z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-meteors__stream{--meteor-len:80px;width:2px;height:2px;transform:rotate(var(--meteor-angle));opacity:0;background:#e8fffb;border-radius:999px;animation-name:auth-meteor;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute;box-shadow:0 0 0 1px #ffffff14,0 0 12px 2px #1ec9bed9}.auth-meteors__stream:before{content:"";height:1px;width:var(--meteor-len);background:linear-gradient(90deg,#1ec9be00,#9efff026,#e6fffaf2);position:absolute;top:50%;right:0;transform:translateY(-50%)}.auth-meteors__stream--gold{background:#fff3cc;box-shadow:0 0 0 1px #ffffff14,0 0 14px 2px #d4b45ae6}.auth-meteors__stream--gold:before{background:linear-gradient(90deg,#d4b45a00,#ffdc8c33,#fff5d2f2)}.auth-gate__vignette{z-index:1;pointer-events:none;background:radial-gradient(75% 65% at 50% 45%,#0000 30%,#01080c8c 100%),linear-gradient(90deg,#01080c80,#0000 22% 78%,#01080c73),linear-gradient(#01080c59,#0000 18% 72%,#01080c99);position:absolute;inset:0}.auth-gate__frame{z-index:2;grid-template-columns:1.05fr .95fr;width:100%;max-width:1280px;min-height:100dvh;margin-inline:auto;display:grid;position:relative}.auth-gate__hero{flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4.5rem);animation:.9s cubic-bezier(.22,1,.36,1) both auth-rise;display:flex}.auth-gate__brand{color:inherit;align-items:center;gap:1rem;text-decoration:none;display:flex}.auth-gate__emblem{object-fit:contain;filter:drop-shadow(0 10px 28px #1ec9be59);width:72px;height:72px;animation:4.5s ease-in-out infinite auth-emblem}.auth-gate__brand-text strong{letter-spacing:0;color:#f4fbfa;text-shadow:0 8px 30px #00000059;font-family:Noto Nastaliq Urdu,Vazirmatn,serif;font-size:clamp(1.55rem,2.6vw,2.35rem);font-weight:400;line-height:1.55;display:block}.auth-gate__brand-text span{color:var(--auth-ink-soft);margin-top:.35rem;font-size:.92rem;display:block}.auth-gate__headline{color:#fff;max-width:18ch;margin:2.4rem 0 0;font-family:Noto Nastaliq Urdu,Vazirmatn,serif;font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:400;line-height:1.55}.auth-gate__lede{max-width:34ch;color:var(--auth-ink-soft);margin:1rem 0 0;font-size:1.05rem;line-height:1.9}.auth-gate__cta-row{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.auth-gate[data-mode=login] .auth-gate__hero{text-align:center;align-items:center}.auth-gate[data-mode=login] .auth-gate__brand{text-align:center;flex-direction:column;align-items:center;gap:.9rem}.auth-gate[data-mode=login] .auth-gate__brand-text strong{color:#d4af37;text-shadow:none;max-width:16em;font-family:Noto Nastaliq Urdu,Vazirmatn,serif;font-size:clamp(1.35rem,2.4vw,2rem);font-weight:400;line-height:2.15}.auth-gate[data-mode=login] .auth-gate__headline{text-align:center;max-width:none;margin-top:.85rem;font-family:Vazirmatn,Tahoma,sans-serif;font-size:clamp(1.35rem,2.2vw,1.85rem);font-weight:700;line-height:1.6}.auth-gate[data-mode=login] .auth-gate__lede{text-align:center;color:#fff;max-width:36ch}.auth-gate[data-mode=login] .auth-gate__cta-row{justify-content:center}.auth-gate[data-mode=login] .auth-gate__panel h1,.auth-gate[data-mode=login] .auth-gate__panel-sub{text-align:center}.auth-gate[data-mode=login] .auth-gate__panel-sub{color:#fff}.auth-gate__ghost{border:1px solid var(--auth-line);color:var(--auth-ink);background:#ffffff08;border-radius:999px;align-items:center;gap:.45rem;padding:.7rem 1.1rem;text-decoration:none;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.auth-gate__ghost:hover{background:#1ec9be14;border-color:#1ec9be8c;transform:translateY(-1px)}button.auth-gate__ghost{font:inherit;cursor:pointer}.auth-gate__otp-send{justify-content:center;width:100%}.auth-gate__otp-send:disabled{opacity:.7;cursor:wait}.auth-gate__login-row{align-items:center;gap:.85rem;display:flex}.auth-gate__login-row .auth-gate__submit{white-space:nowrap;flex:1;width:auto;margin-top:0}.auth-gate__forget{white-space:nowrap;color:#9aefe7;flex:none;font-size:.9rem;text-decoration:none}.auth-gate__forget:hover{color:#fff}.auth-gate__otp-actions{justify-content:center;gap:1.25rem;display:flex}.auth-gate__otp-actions button{color:#9aefe7;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.auth-gate__otp-actions button:hover:not(:disabled){color:#fff}.auth-gate__otp-actions button:disabled{opacity:.6;cursor:wait}.auth-otp+.auth-gate__field-hint,.auth-gate__field--otp>span,.auth-gate__field--otp .auth-gate__field-hint{text-align:center}.auth-otp{direction:ltr;justify-content:center;gap:.55rem;display:flex}.auth-otp__box{color:#f3fffd;text-align:center;width:3rem;height:3.35rem;font:inherit;background:#0212168c;border:1px solid #8cd2c82e;border-radius:14px;outline:none;font-size:1.25rem;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}.auth-otp__box:focus{background:#03181cbf;border-color:#1ec9beb3;box-shadow:0 0 0 3px #1ec9be29}.auth-gate__panel-wrap{justify-content:center;align-items:center;padding:clamp(1.25rem,3vw,2.5rem);animation:1s cubic-bezier(.22,1,.36,1) .12s both auth-rise;display:flex}.auth-gate__panel{border:1px solid var(--auth-line);background:linear-gradient(165deg, #123a428c, #051c22d1), var(--auth-panel);-webkit-backdrop-filter:blur(18px);border-radius:28px;width:min(100%,460px);padding:clamp(1.4rem,3vw,2rem);box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff14}.auth-gate__panel-kicker{color:#9aefe7;letter-spacing:.02em;background:#1ec9be1a;border:1px solid #1ec9be47;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.85rem;padding:.28rem .7rem;font-size:.78rem;display:inline-flex}.auth-gate__panel h1{color:#fff;margin:0;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:800}.auth-gate__panel-sub{color:var(--auth-ink-soft);margin:.55rem 0 0;font-size:.95rem;line-height:1.75}.auth-gate__form{gap:.95rem;margin-top:1.35rem;display:grid}.auth-gate__form--scroll{scrollbar-width:thin;scrollbar-color:#1ec9be59 transparent;max-height:min(62vh,560px);padding-inline-end:.35rem;overflow:auto}.auth-gate__field{display:block}.auth-gate__field>span{color:#e6f8f6e6;margin-bottom:.4rem;font-size:.86rem;font-weight:600;display:block}.auth-gate__field .req{color:var(--auth-gold);margin-inline-start:.2rem}.auth-gate__field-hint{color:#d2ece89e;margin-top:.35rem;font-size:.78rem;line-height:1.45;display:block}.auth-gate__input,.auth-gate__select,.auth-gate__textarea{color:#f3fffd;width:100%;font:inherit;background:#0212168c;border:1px solid #8cd2c82e;border-radius:14px;outline:none;padding:.78rem .95rem;transition:border-color .2s,box-shadow .2s,background .2s}.auth-gate__textarea{resize:vertical;min-height:88px}.auth-gate__input::placeholder,.auth-gate__textarea::placeholder{color:#b4d2cd73}.auth-gate__input:focus,.auth-gate__select:focus,.auth-gate__textarea:focus{background:#03181cbf;border-color:#1ec9beb3;box-shadow:0 0 0 3px #1ec9be29}.auth-gate__select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#9aefe7 50%),linear-gradient(135deg,#9aefe7 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-inline-end:2rem}.auth-gate__row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.auth-gate__submit{width:100%;font:inherit;color:#042226;cursor:pointer;background:linear-gradient(120deg,#2fe0d4 0%,#1bb8ae 45%,#d4b45a 140%) 0 0/180% 100%;border:0;border-radius:16px;margin-top:.35rem;padding:.95rem 1.2rem;font-weight:800;transition:transform .2s,box-shadow .2s,background-position .45s;position:relative;overflow:hidden;box-shadow:0 14px 36px #1ec9be47}.auth-gate__submit:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff59 50%,#0000 70%);animation:3.2s ease-in-out infinite auth-shine;position:absolute;inset:0;transform:translate(-120%)}.auth-gate__submit:hover:not(:disabled){background-position:100% 0;transform:translateY(-2px);box-shadow:0 18px 42px #1ec9be61}.auth-gate__submit:disabled{opacity:.7;cursor:wait}.auth-gate__error{color:#ffc4ca;background:#e35d6a1f;border:1px solid #e35d6a59;border-radius:12px;margin:0;padding:.7rem .85rem;font-size:.9rem}.auth-gate__links{text-align:center;color:var(--auth-ink-soft);margin:1.1rem 0 0;font-size:.9rem}.auth-gate__links a{color:#9aefe7;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,color .2s}.auth-gate__links a:hover{color:#fff;border-bottom-color:#9aefe78c}.auth-steps{gap:.75rem;margin-bottom:.25rem;display:grid}.auth-steps__bar{background:#ffffff14;border-radius:999px;height:4px;overflow:hidden}.auth-steps__bar>span{border-radius:inherit;background:linear-gradient(90deg,#1ec9be,#d4b45a);height:100%;transition:width .35s;display:block}.auth-steps__meta{flex-direction:column;gap:.15rem;display:flex}.auth-steps__meta strong{color:#fff;font-size:.95rem}.auth-steps__meta span{color:var(--auth-ink-soft);font-size:.82rem}.auth-steps__dots{gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.auth-steps__dots li button{cursor:pointer;background:#ffffff2e;border:0;border-radius:50%;width:10px;height:10px;padding:0}.auth-steps__dots li.is-done button{background:#1ec9beb3}.auth-steps__dots li.is-active button{background:linear-gradient(90deg,#1ec9be,#d4b45a);border-radius:999px;width:22px}.auth-steps__actions{grid-template-columns:1fr 1.4fr;align-items:center;gap:.7rem;margin-top:.25rem;display:grid}.auth-steps__back{cursor:pointer;border-radius:14px;justify-content:center;width:100%}.auth-steps__next{margin-top:0}.auth-gate__home{top:1.1rem;z-index:3;border:1px solid var(--auth-line);color:var(--auth-ink-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04181c8c;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex;position:absolute;inset-inline-start:1.1rem}.auth-gate__home:hover{color:#fff;border-color:#1ec9be80}@keyframes auth-nebula-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(6%,4%)scale(1.08)}}@keyframes auth-nebula-b{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-5%,6%)scale(1.1)}}@keyframes auth-nebula-c{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(4%,-5%)scale(1.06)}}@keyframes auth-stars-twinkle{0%,to{opacity:.7}50%{opacity:1}}@keyframes auth-stars-drift{0%{background-position:480px 240px}to{background-position:0 0}}@keyframes auth-glow-band{0%,to{opacity:.55;transform:translate(-2%)}50%{opacity:.95;transform:translate(2%)}}@keyframes auth-depth-grid{0%{background-position:0 0,0 0}to{background-position:0 64px,64px 0}}@keyframes auth-meteor{0%{opacity:0;transform:rotate(var(--meteor-angle)) translateX(0)}8%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--meteor-angle)) translateX(620px)}}@keyframes auth-emblem{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes auth-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-shine{0%,55%{transform:translate(-120%)}80%,to{transform:translate(120%)}}.auth-place{gap:.85rem;display:grid;position:relative}.auth-place__list{z-index:5;top:4.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041c22f5;border:1px solid #78d2c847;border-radius:14px;max-height:220px;margin:0;padding:.35rem;list-style:none;position:absolute;inset-inline:0;overflow:auto;box-shadow:0 18px 40px #00000059}.auth-place__list button{color:#eaf8f6;width:100%;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}.auth-place__list button:hover,.auth-place__list button:focus-visible{background:#1ec9be24;outline:none}.auth-place__list strong{font-weight:700}.auth-place__list span{color:#b4dcd7bf;font-size:.85rem}.auth-place__hint{color:#f0d58a;margin:0;font-size:.84rem}.auth-place__province{gap:.45rem;display:grid}.auth-place__manual{color:#9aefe7;font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;font-size:.84rem;text-decoration:underline}.auth-place__manual:hover{color:#fff}@media (max-width:960px){.auth-gate__frame{grid-template-columns:1fr}.auth-gate__hero{min-height:auto;padding-top:4.5rem;padding-bottom:.5rem}.auth-gate[data-mode=login] .auth-gate__hero{padding-top:2rem}.auth-gate__headline{max-width:none}.auth-gate__panel-wrap{padding-top:.5rem;padding-bottom:2rem}.auth-gate__depth-grid{opacity:.28;height:50%}}@media (prefers-reduced-motion:reduce){.auth-gate__nebula-wash,.auth-gate__stars,.auth-gate__stars--far,.auth-gate__glow-band,.auth-gate__depth-grid,.auth-meteors__stream,.auth-gate__emblem,.auth-gate__hero,.auth-gate__panel-wrap,.auth-gate__submit:after{animation:none!important}.auth-meteors__stream{opacity:0!important}}
.auth-gate__input--num{letter-spacing:.06em;font-variant-numeric:normal}.auth-otp__lead{text-align:center;color:var(--auth-ink-soft);margin:.2rem 0 .9rem;font-size:.86rem;line-height:1.7}.auth-otp{gap:clamp(.4rem,2.4vw,.7rem);padding:.2rem 0 .35rem}.auth-otp__box{color:#f3fffd;width:clamp(2.5rem,14vw,3.35rem);height:clamp(3rem,16vw,3.9rem);caret-color:var(--auth-cyan);background:linear-gradient(#052228cc,#021216b3);border:1.5px solid #8cd2c838;border-radius:16px;padding:0;font-size:clamp(1.35rem,5vw,1.7rem);font-weight:800;transition:border-color .18s,box-shadow .18s,background .18s,transform .18s;box-shadow:inset 0 1px #ffffff0d}.auth-otp__box.is-filled{background:linear-gradient(#08383cd9,#031e22cc);border-color:#1ec9be8c}.auth-otp__box:focus{border-color:var(--auth-cyan);transform:translateY(-2px);box-shadow:0 0 0 4px #1ec9be33,0 8px 22px #1ec9be2e}.auth-otp.is-complete .auth-otp__box{border-color:#1ec9becc}.auth-otp.is-invalid .auth-otp__box{background:linear-gradient(#461218bf,#280a0eb3);border-color:#ff7878d9;animation:.38s auth-otp-shake}.auth-otp__box:disabled{opacity:.6}@keyframes auth-otp-shake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (prefers-reduced-motion:reduce){.auth-otp.is-invalid .auth-otp__box{animation:none}.auth-otp__box:focus{transform:none}}.auth-choice{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:.45rem;display:grid}.auth-choice__item{min-height:3.2rem;color:var(--auth-ink-soft);font:inherit;cursor:pointer;background:#0212168c;border:1.5px solid #8cd2c833;border-radius:16px;justify-content:center;align-items:center;gap:.6rem;padding:.6rem .9rem;font-weight:700;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;display:flex}.auth-choice__item:hover{color:#fff;border-color:#1ec9be80}.auth-choice__item:focus-visible{outline:none;box-shadow:0 0 0 3px #1ec9be47}.auth-choice__item.is-selected{border-color:var(--auth-cyan);color:#fff;background:linear-gradient(#0e5456bf,#052e32bf);box-shadow:0 8px 22px #1ec9be29}.auth-choice__dot{border:2px solid #b4e1dc80;border-radius:50%;flex:none;width:1.15rem;height:1.15rem;transition:border-color .18s;position:relative}.auth-choice__item.is-selected .auth-choice__dot{border-color:var(--auth-cyan)}.auth-choice__item.is-selected .auth-choice__dot:after{content:"";background:var(--auth-cyan);border-radius:50%;position:absolute;inset:3px}
