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