@font-face{font-family:Yekan;src:url(../fonts/BYekan+.ttf)format("truetype");font-display:swap}@font-face{font-family:Vazir;src:url(../fonts/Vazir-Regular.ttf)format("truetype");font-display:swap}:root{--ink:#060913;--line:#ffffff17;--text:#e9eefb;--muted:#8c98b5;--brand:#1089d3;--cyan:#12b1d1;--glow:#5cc8ff;--danger:#ff6b7b;--ok:#3ddc97;--font:"Vazir",Tahoma,system-ui,sans-serif;--font-display:"Yekan","Vazir",Tahoma,sans-serif;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--ink);min-height:100dvh;color:var(--text);font:16px/1.7 var(--font);-webkit-text-size-adjust:100%;place-items:center;padding:24px 16px;display:grid;overflow-x:hidden}:where(button,a):focus-visible{outline:2px solid var(--glow);outline-offset:3px}.aurora{z-index:-1;background:radial-gradient(1200px 600px at 50% -10%,#0d1f3d 0%,transparent 70%),var(--ink);position:fixed;inset:0;overflow:hidden}.aurora i{opacity:.55;will-change:transform;border-radius:50%;width:60vmax;height:60vmax;animation:24s ease-in-out infinite alternate drift;position:absolute}.aurora i:first-child{background:radial-gradient(closest-side,#1089d399,#0000);top:-25vmax;right:-15vmax}.aurora i:nth-child(2){background:radial-gradient(closest-side,#12b1d161,#0000);animation-duration:30s;animation-delay:-8s;bottom:-30vmax;left:-20vmax}.aurora i:nth-child(3){background:radial-gradient(closest-side,#6271f952,#0000);width:40vmax;height:40vmax;animation-duration:36s;animation-delay:-14s;top:30%;left:35%}.aurora:after{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 15%,#0000 75%);mask-image:radial-gradient(#000 15%,#0000 75%)}.card{backdrop-filter:blur(28px)saturate(140%);background:linear-gradient(#ffffff12,#ffffff06);border-radius:28px;width:min(440px,100%);padding:16px 16px 24px;animation:.8s cubic-bezier(.2,.8,.2,1) both rise;position:relative;box-shadow:0 40px 80px -30px #000000bf,inset 0 1px #ffffff14}.card:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,80%)var(--my,0%),#5cc8fff2,transparent 65%),linear-gradient(180deg,#fff3,#ffffff0a);-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tabs{isolation:isolate;box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0d;border-radius:16px;grid-template-columns:1fr 1fr;margin-bottom:28px;padding:4px;display:grid;position:relative}.tabs:before{content:"";background:linear-gradient(135deg,var(--brand),var(--cyan));border-radius:12px;width:calc(50% - 4px);transition:transform .4s cubic-bezier(.3,.8,.2,1);position:absolute;inset-block:4px;inset-inline-start:4px;box-shadow:0 8px 20px -8px #12b1d1cc,inset 0 1px #ffffff4d}.tabs[data-view=signup]:before{transform:translate(-100%)}.tab{z-index:1;height:44px;color:var(--muted);font:17px var(--font-display);cursor:pointer;background:0 0;border:0;transition:color .25s;position:relative}.tab:hover,.tab[aria-selected=true]{color:#fff}.panel,.modal-body,.step{gap:14px;display:grid}.panel{animation:.4s both fade}.panel header{margin-bottom:6px}h1,h2{font-family:var(--font-display);font-weight:400;line-height:1.4}h1{background:linear-gradient(#fff,#b4d6ff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px}h2{font-size:24px}.sub,.hint{color:var(--muted);font-size:14px}.hint{font-size:13px}.field{position:relative}.input{border:1px solid var(--line);width:100%;height:58px;color:var(--text);font:inherit;background:#ffffff0a;border-radius:16px;outline:0;padding:0 18px;font-size:16px;transition:border-color .2s,background .2s,box-shadow .2s}.float .input{padding:22px 18px 6px}.has-eye .input{padding-inline-end:52px}.input:hover{border-color:#ffffff2b}.input:focus{border-color:var(--brand);background:#1089d314;box-shadow:0 0 0 4px #1089d32e}.input[aria-invalid=true]{border-color:var(--danger);animation:.35s shake;box-shadow:0 0 0 4px #ff6b7b26}.float .input::placeholder{color:#0000}.float label{inset-inline-start:18px;color:var(--muted);pointer-events:none;font-size:15px;transition:top .2s,font-size .2s,color .2s;position:absolute;top:29px;transform:translateY(-50%)}.float .input:focus+label,.float .input:not(:placeholder-shown)+label{font-size:12px;top:15px}.float .input:-webkit-autofill+label{font-size:12px;top:15px}.float .input:focus+label{color:var(--glow)}.input:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:inset 0 0 0 100px #101a2e}.input.code{text-align:center;letter-spacing:.45em;padding:0 16px;font-size:22px}.input.code::placeholder{color:#3f4b68;opacity:1}.eye{inset-inline-end:8px;width:42px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.eye:hover{color:var(--text);background:#ffffff0f}.eye .slash{opacity:0;transition:opacity .2s}.eye[aria-pressed=true] .slash{opacity:1}.link{color:var(--glow);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-self:end;padding:2px 4px;font-size:14px;transition:color .2s}.link:hover{color:#fff;text-underline-offset:4px;text-decoration:underline}.btn{color:#fff;height:54px;font:18px var(--font-display);cursor:pointer;border:0;border-radius:16px;padding:0 28px;transition:transform .2s,box-shadow .2s,background .2s;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:disabled{cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--cyan));box-shadow:0 14px 30px -12px #12b1d1cc,inset 0 1px #ffffff59}.btn-primary:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(120%)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 36px -12px #12b1d1f2,inset 0 1px #fff6}.btn-primary:hover:not(:disabled):after{transform:translate(-120%)}.btn-ghost{box-shadow:inset 0 0 0 1px var(--line);background:#ffffff0f}.btn-ghost:hover{background:#ffffff1c}.btn.is-loading{color:#0000;pointer-events:none}.btn.is-loading:before{content:"";z-index:1;border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:22px;height:22px;margin:auto;animation:.7s linear infinite spin;position:absolute;inset:0}.modal{width:min(420px,100vw - 32px);color:var(--text);box-shadow:0 0 0 1px var(--line),0 50px 100px -20px #000c;background:linear-gradient(#121b30,#0b1222);border:0;border-radius:24px;margin:auto;padding:0}.modal[open]{animation:.35s cubic-bezier(.2,.9,.3,1.2) pop}.modal::backdrop{backdrop-filter:blur(8px);background:#03060eb3}.modal-body{padding:28px 24px 24px}.actions{grid-template-columns:1.4fr 1fr;gap:10px;margin-top:6px;display:grid}.toast{inset:auto;top:max(16px,env(safe-area-inset-top));max-width:min(92vw,460px);color:var(--text);backdrop-filter:blur(16px);box-shadow:0 0 0 1px var(--line),0 20px 40px -10px #0009;background:#141c30f0;border:0;border-radius:16px;margin:0;padding:12px 18px;font-size:15px;line-height:1.6;position:fixed;left:50%;overflow:visible;transform:translate(-50%)}.toast:before{content:"";background:var(--c,var(--danger));width:9px;height:9px;box-shadow:0 0 12px var(--c,var(--danger));border-radius:50%;margin-inline-end:10px;display:inline-block}.toast[data-type=success]{--c:var(--ok)}.toast:popover-open{animation:.45s cubic-bezier(.2,.9,.3,1.1) toastIn}.toast.leaving{animation:.25s forwards toastOut}@supports not selector(:popover-open){.toast{display:none}.toast.show{display:block}}@keyframes drift{to{transform:translate(-8vmax,6vmax)scale(1.15)}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes fade{0%{opacity:0;transform:translateY(8px)}}@keyframes pop{0%{opacity:0;transform:translateY(16px)scale(.95)}}@keyframes shake{25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-24px)}}@keyframes toastOut{to{opacity:0;transform:translate(-50%,-16px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width>=480px){.card{padding:20px 28px 32px}h1{font-size:30px}}