.otp-showcase{--otp-yellow:#f0ab05;--otp-yellow-2:#ffc83d;--otp-ink:#1b1b1b;--otp-muted:#8a8a8a;--otp-line:#ececec;--otp-white:#fff;box-sizing:border-box;width:100%;color:var(--otp-ink);justify-content:center;padding:32px 16px;font-family:Vazirmatn,Tahoma,sans-serif;display:flex}.otp-showcase *,.otp-showcase :before,.otp-showcase :after{box-sizing:border-box}.otp-showcase button,.otp-showcase input{font:inherit}.otp-panel{justify-content:center;align-items:center;width:100%;max-width:420px;padding:10px;display:flex;position:relative}.otp-card{border:5px solid var(--otp-white);background:linear-gradient(#fff 0%,#fbfbf8 100%);border-radius:40px;width:100%;padding:38px 34px 30px;animation:.55s cubic-bezier(.2,.8,.2,1) both otpCardIn;position:relative;box-shadow:0 30px 35px -25px #9d700075,inset 0 1px #fffffff5}.otp-step[hidden]{display:none}.fingerprint-container{width:92px;height:92px;margin:0 auto 20px;animation:2.4s ease-in-out infinite fingerprintPulse;position:relative}.fingerprint-svg{z-index:3;filter:drop-shadow(0 8px 14px #f0ab052e);width:100%;height:100%;position:relative;overflow:visible}.fingerprint-path{fill:#f0ab0524;stroke:#f0ab05;stroke-width:.32px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:4.2s linear infinite fingerprintDraw}.fingerprint-container .scan-line{z-index:4;background:linear-gradient(90deg,#0000,#ffd86a,#f0ab05,#ffd86a,#0000);border-radius:999px;width:84%;height:3px;animation:2.25s ease-in-out infinite fingerprintScan;position:absolute;top:6%;left:8%;box-shadow:0 0 12px #f0ab05d9}.fingerprint-container .ripple1,.fingerprint-container .ripple2{z-index:1;opacity:0;border:1.5px solid #f0ab0561;border-radius:50%;animation:3s ease-out infinite fingerprintRipple;position:absolute;inset:4%}.fingerprint-container .ripple2{animation-delay:1.5s}.fingerprint-container .glow{z-index:0;background:radial-gradient(circle,#f0ab0538,#f0ab050f 52%,#0000 72%);border-radius:50%;animation:2.4s ease-in-out infinite fingerprintGlow;position:absolute;inset:8%;box-shadow:0 0 28px #f0ab0538}@keyframes fingerprintPulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes fingerprintDraw{0%{stroke-dashoffset:100px;opacity:.45}45%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-100px;opacity:.45}}@keyframes fingerprintScan{0%{opacity:0;top:7%}15%{opacity:1}85%{opacity:1}to{opacity:0;top:89%}}@keyframes fingerprintRipple{0%{opacity:.55;transform:scale(.75)}to{opacity:0;transform:scale(1.42)}}@keyframes fingerprintGlow{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}.otp-title{text-align:center;color:#222;margin:0;font-size:26px;font-weight:900;line-height:1.45}.otp-subtitle{text-align:center;max-width:290px;color:var(--otp-muted);margin:8px auto 0;font-size:13px;line-height:1.9}.otp-alert{color:#b42318;text-align:center;background:#fdecec;border:1px solid #f6c6c2;border-radius:14px;margin-top:16px;padding:10px 14px;font-size:12.5px;line-height:1.8}.otp-form{margin-top:22px}.otp-field-label{color:#555;margin:0 8px 9px;font-size:12px;font-weight:800;display:block}.otp-phone-wrap{direction:ltr;background:#fff;border:2px solid #0000;border-radius:21px;align-items:center;width:100%;height:58px;transition:all .25s;display:flex;overflow:hidden;box-shadow:0 12px 22px -13px #f0ab057a}.otp-phone-wrap:focus-within{border-color:var(--otp-yellow);transform:translateY(-1px);box-shadow:0 0 0 5px #f0ab051a,0 14px 25px -14px #f0ab0599}.otp-prefix{color:#3b3b3b;border-right:1px solid var(--otp-line);background:#fffaf0;justify-content:center;align-items:center;gap:7px;min-width:78px;height:100%;font-weight:900;display:flex}.otp-prefix:before{content:"";background:var(--otp-yellow);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #f0ab0521}.otp-phone-input{color:#222;letter-spacing:.6px;direction:ltr;background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 18px;font-weight:700}.otp-phone-input::placeholder{color:#b2b2b2;letter-spacing:0;font-weight:500}.otp-button{color:#1e1808;background:linear-gradient(135deg,var(--otp-yellow-2),var(--otp-yellow));cursor:pointer;border:0;border-radius:20px;width:100%;min-height:56px;margin-top:20px;padding:14px 20px;font-weight:900;transition:transform .2s,box-shadow .2s,opacity .2s;position:relative;overflow:hidden;box-shadow:0 19px 24px -16px #b57e00ad}.otp-button:disabled{cursor:default;opacity:.72}.otp-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff9e,#0000);width:36%;height:260%;animation:3.2s ease-in-out infinite otpShine;position:absolute;top:-80%;left:-25%;transform:rotate(24deg)}.otp-button:not(:disabled):hover{transform:translateY(-2px)scale(1.01);box-shadow:0 23px 30px -17px #b57e00c7}.otp-button:not(:disabled):active{transform:scale(.97)}.otp-note{color:#a0a0a0;text-align:center;justify-content:center;align-items:flex-start;gap:7px;margin-top:17px;font-size:10.5px;line-height:1.7;display:flex}.otp-note-icon{border:1.5px solid #bbb;border-radius:50%;flex:none;place-items:center;width:15px;height:15px;margin-top:1px;font-size:9px;font-weight:900;display:grid}.otp-code{direction:ltr;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:22px;display:grid}.otp-digit{aspect-ratio:1/1.08;text-align:center;color:#232323;width:100%;min-width:0;caret-color:var(--otp-yellow);background:#fff;border:2px solid #0000;border-radius:18px;outline:0;font-size:26px;font-weight:900;transition:all .22s;box-shadow:0 12px 20px -14px #f0ab058c}.otp-digit:focus{border-color:var(--otp-yellow);transform:translateY(-3px)scale(1.02);box-shadow:0 0 0 5px #f0ab051a,0 15px 22px -14px #f0ab05b3}.otp-change-number{color:#8b8b8b;justify-content:space-between;align-items:center;gap:12px;margin:14px 7px 0;font-size:11px;display:flex}.otp-change-number button{color:#b67e00;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.otp-resend{text-align:center;color:#9c9c9c;margin-top:17px;font-size:11px}.otp-resend strong{color:#4c4c4c;direction:ltr;display:inline-block}.otp-resend button{color:#af7900;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900;display:none}@keyframes otpCardIn{0%{opacity:0;filter:blur(7px);transform:translateY(24px)scale(.96)}to{opacity:1;filter:none;transform:none}}@keyframes otpShine{0%,45%{left:-45%}75%,to{left:125%}}@media (width<=430px){.otp-card{border-width:4px;border-radius:32px;padding:31px 23px 25px}.otp-title{font-size:23px}.otp-subtitle{font-size:12px}.otp-code{gap:7px}.otp-digit{border-radius:15px;font-size:22px}}@media (prefers-reduced-motion:reduce){.otp-showcase *,.otp-showcase :before,.otp-showcase :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}