@font-face{font-family:Iransans;src:url(/assets/IRANSansWeb-BJx7IqmJ.woff)format("woff")}[data-sonner-toast]{direction:rtl;font-family:Iransans!important}body{margin:0;font-family:Iransans!important}*{box-sizing:border-box;font-family:Iransans!important}.custom-toast{text-align:right!important;color:#f8f2e6!important;-webkit-backdrop-filter:blur(18px)!important;backdrop-filter:blur(18px)!important;direction:rtl!important;background:linear-gradient(135deg,#0f0f0ff7,#231b0cf5)!important;border:1px solid #e5b95c61!important;border-radius:16px!important;font-family:Iransans,Tahoma,sans-serif!important;box-shadow:0 18px 45px #00000080,0 0 24px #e5b95c1f!important}.custom-toast [data-icon]{color:#ffd98a!important}.custom-toast [data-title]{color:#f8f2e6!important;font-weight:800!important}.custom-toast [data-description]{color:#aaa49a!important}.custom-toast[data-type=success]{border-color:#e5b95c99!important}.custom-toast[data-type=error]{border-color:#d25c5ca6!important}.custom-toast button{color:#ffd98a!important}.app-wrapper{background-color:#070707;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.otp-container{color:#f8f2e6;background-color:#0f0f0f;border:1px solid #e5b95c33;border-radius:40px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.otp-container:before{content:"";opacity:0;z-index:0;pointer-events:none;background:radial-gradient(circle,#e5b95c40 0%,#0f0f0f00 60%);width:150%;height:150%;transition:opacity 1s ease-in-out 2.5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.otp-container.is-complete:before{opacity:1}.drag-handle,.otp-header,.otp-inputs,.otp-footer{z-index:1;position:relative}.drag-handle{background-color:#e5b95c73;border-radius:2px;width:48px;height:4px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.otp-header{text-align:center;z-index:20;margin-top:10px;margin-bottom:85px}.otp-header h1{letter-spacing:-.5px;color:#f8f2e6;margin-bottom:16px;font-size:26px;font-weight:600;transition:all .3s}.otp-header p{color:#aaa49a;white-space:pre-line;min-height:45px;font-size:15px;font-weight:400;line-height:1.5;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;background-color:#e5b95c1f;border-radius:16px;flex-shrink:0;width:64px;height:64px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:relative;overflow:hidden}.input-wrapper:focus-within{z-index:10;background-color:#e5b95c33;transform:scale(1.1);box-shadow:0 8px 24px #e5b95c4d}.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%,#e5b95c26 70%,#e5b95c 92%,#ffd98a 100%);animation:1.25s linear 2 rotate-gradient,.5s ease-in-out 2.5s forwards morph-border-green}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes morph-border-green{0%{background:conic-gradient(#e5b95c 0%,#ffd98a 50%,#e5b95c 100%)}32%{background:conic-gradient(#e5b95c 0%,#ffd98a 50%,#e5b95c 100%)}33%{background:conic-gradient(#e5b95c 0%,#ffd98a 50%,#e5b95c 100%)}to{background:conic-gradient(#e5b95c 0%,#ffd98a 50%,#e5b95c 100%)}}.otp-input{color:#f8f2e6;text-align:center;z-index:1;background-color:#070707;border:none;border-radius:13.5px;outline:none;width:calc(100% - 5px);height:calc(100% - 5px);font-family:Iransans;font-size:28px;font-weight:500;transition:background-color .4s;position:absolute;top:2.5px;left:2.5px}.is-complete .otp-input{animation:.2s 2.3s forwards fade-text}@keyframes fade-text{to{color:#0000;background-color:#070707}}.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 #e5b95c66}to{box-shadow:0 0 24px #e5b95c}}.input-wrapper:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);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;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:#aaa49a;font-size:15px;transition:opacity .3s;position:absolute}.is-complete .otp-footer{opacity:0;pointer-events:none}.success-message-bottom{color:#ffd98a;letter-spacing:.3px;text-shadow:0 2px 10px #e5b95c66;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex;position:absolute}.otp-footer button{color:#ffd98a;cursor:pointer;font-family:inherit;font-weight:600;font-size:inherit;background:0 0;border:none;margin-left:6px;padding:0;transition:color .2s}.otp-footer button:hover{color:#e5b95c}.otp-back-button{color:#ffd98a;cursor:pointer;z-index:30;background:#e5b95c14;border:1px solid #e5b95c47;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .25s,background-color .25s,box-shadow .25s;display:flex;position:absolute;top:22px;left:22px}.otp-back-button:hover{background-color:#e5b95c2e;transform:translate(-4px);box-shadow:0 8px 24px #e5b95c33}.otp-back-button:active{transform:scale(.92)}.otp-back-button svg{font-size:24px}