@font-face{font-family:Iransans;src:url(/assets/IRANSansWeb-BJx7IqmJ.woff)format("woff")}*{box-sizing:border-box;margin:0;padding:0;font-family:Iransans!important}.purple-glass-toast{direction:rtl;position:relative;overflow:hidden}.purple-glass-toast:before{content:"";background:linear-gradient(90deg,#0000,#be7dffb3,#0000);height:1px;position:absolute;top:0;left:18px;right:18px}.purple-glass-toast-title{color:#fff!important;font-weight:800!important}.purple-glass-toast-description{color:#ffffff94!important;margin-top:3px!important}[data-sonner-toast][data-type=success]{border-color:#a65cff66!important}[data-sonner-toast][data-type=error]{border-color:#ff5cff59!important}[data-sonner-toast] [data-icon]{color:#b06cff!important}.app-wrapper{justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.app-wrapper:before{content:"";filter:blur(25px);pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute;top:-180px;right:-120px}.app-wrapper:after{content:"";filter:blur(25px);pointer-events:none;border-radius:50%;width:350px;height:350px;position:absolute;bottom:-160px;left:-100px}.otp-container{color:#fff;border-radius:32px;flex-direction:column;align-items:center;width:calc(100% - 32px);max-width:420px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.otp-container:before{content:"";filter:blur(15px);pointer-events:none;background:radial-gradient(circle,#b06cff38,#0000 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-100px}.otp-container:after{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(circle,#7030d229,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;left:-100px}.otp-header,.otp-inputs,.otp-footer{z-index:1;position:relative}.drag-handle{background:#ffffff2e;border-radius:10px;width:48px;height:4px;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #b06cff33,inset 0 1px #ffffff26}.otp-header{text-align:center;z-index:20;margin-top:10px;margin-bottom:85px}.otp-header h1{letter-spacing:-.7px;color:#fff;text-shadow:0 4px 20px #b06cff1f;margin-bottom:16px;font-size:26px;font-weight:700;transition:all .3s}.otp-header p{color:#ffffff85;white-space:pre-line;min-height:45px;font-size:15px;font-weight:400;line-height:1.6;transition:all .3s}.otp-inputs{justify-content:center;align-items:center;gap:16px;min-height:64px;margin-bottom:48px;display:flex;position:relative}.input-wrapper{will-change:transform, opacity, box-shadow;-webkit-backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:18px;flex-shrink:0;width:64px;height:64px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:6px 8px 18px #0000004d,-4px -4px 12px #ffffff06,inset 1px 1px 2px #ffffff0f}.input-wrapper:focus-within{z-index:10;background:#9b5cff1f;border-color:#b06cff8c;transform:scale(1.1);box-shadow:0 10px 30px #00000059,0 0 25px #9b5cff4d,inset 0 1px 2px #ffffff1f}.input-wrapper:before{content:"";pointer-events:none;z-index:0;opacity:0;background:0 0;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.is-complete .input-wrapper:before{opacity:1;background:conic-gradient(#0000 0% 55%,#9b5cff1f 70%,#9b5cff 92%,#d0a0ff 100%);animation:1.25s linear 2 rotate-gradient,.5s ease-in-out 2.5s forwards morph-border-purple}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morph-border-purple{0%{background:conic-gradient(#7135d5 0%,#b06cff 50%,#7135d5 100%)}32%{background:conic-gradient(#7135d5 0%,#b06cff 50%,#7135d5 100%)}33%{background:conic-gradient(#22c55e 0%,#16a34a 50%,#22c55e 100%)}to{background:conic-gradient(#22c55e 0%,#16a34a 50%,#22c55e 100%)}}.otp-input{color:#fff;text-align:center;z-index:1;background:#09050fd1;border:none;border-radius:15px;outline:none;width:calc(100% - 5px);height:calc(100% - 5px);font-family:Inter,sans-serif;font-size:28px;font-weight:600;transition:background-color .4s,color .4s;position:absolute;top:2.5px;left:2.5px;box-shadow:inset 2px 2px 5px #00000040,inset -1px -1px 2px #ffffff06}.otp-input:focus{background:#12091ee6}.is-complete .otp-input{animation:.2s 1.8s forwards fade-text}@keyframes fade-text{to{color:#0000;background-color:#09050fd1}}.is-complete .input-wrapper:first-child{z-index:4;animation:1.5s 3s infinite alternate glow-pulse-green}@keyframes glow-pulse-green{0%{box-shadow:0 0 8px #22c55e40,0 0 20px #9b5cff14}to{box-shadow:0 0 24px #22c55ed9,0 0 45px #22c55e40}}.input-wrapper:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(90deg,#fff0,#ffffff59,#fff0);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.is-complete .input-wrapper:first-child:after{animation:3s cubic-bezier(.4,0,.2,1) 3.5s infinite sweep-shimmer}@keyframes sweep-shimmer{0%{left:-150%}25%{left:200%}to{left:200%}}.final-tick{opacity:0;z-index:10;pointer-events:none;filter:drop-shadow(0 0 6px #ffffff80)drop-shadow(0 0 12px #22c55e59);width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.footer-area{justify-content:center;align-items:center;width:100%;height:24px;display:flex;position:relative}.otp-footer{color:#ffffff73;font-size:15px;transition:opacity .3s;position:absolute}.is-complete .otp-footer{opacity:0;pointer-events:none}.success-message-bottom{color:#22c55e;letter-spacing:.3px;text-shadow:0 2px 10px #22c55e66,0 0 20px #22c55e26;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex;position:absolute}.otp-footer button{color:#b06cff;cursor:pointer;font-family:inherit;font-weight:700;font-size:inherit;background:0 0;border:none;margin-left:6px;padding:0;transition:color .2s,text-shadow .2s}.otp-footer button:hover{color:#d0a0ff;text-shadow:0 0 12px #b06cff8c}@media (width<=480px){.otp-container{border-radius:28px;padding:42px 20px}.otp-inputs{gap:10px}.input-wrapper{border-radius:16px;width:58px;height:58px}.otp-input{border-radius:13px;font-size:25px}.otp-header{margin-bottom:65px}.otp-header h1{font-size:23px}}