@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";.otp-ajuste{width:100%;display:flex;align-items:center;justify-content:center;overflow:visible}.otp-stage{--neon-lime: #00FF40;--neon-lime-bright: #6BFF8C;--neon-lime-glow: rgba(0, 255, 64, .42);--text-white: #ffffff;--text-dim: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .42);--circuit-orange: #009FEA;--circuit-gold: #0079DB;--box-bg: #17171d}.e-claro .otp-stage,.otp-stage.e-claro{--text-white: #0f172a;--text-dim: rgba(15, 23, 42, .62);--text-muted: rgba(15, 23, 42, .52);--box-bg: #ffffff}.otp-stage{position:relative;width:580px;height:540px;transform-origin:top center;margin:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0}.otp-chip-container{position:absolute;width:88px;height:88px;pointer-events:none;z-index:4;filter:drop-shadow(0 6px 14px rgba(15,23,42,.18));will-change:transform;transition:filter .3s ease}.otp-chip-tl{top:0;left:0}.otp-chip-br{bottom:0;right:0}.otp-chip-inner-floater{position:relative;width:100%;height:100%}.otp-chip-traveling{filter:drop-shadow(0 0 18px rgba(0,255,64,.95)) drop-shadow(0 0 35px rgba(0,159,234,.5)) drop-shadow(0 20px 40px rgba(0,0,0,.95))!important}.otp-chip-blur-panel{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(30px) saturate(180%) brightness(1.05);-webkit-backdrop-filter:blur(30px) saturate(180%) brightness(1.05);clip-path:url(#otp-chip-clip);background:linear-gradient(135deg,#ffffff2e,#20202880,#101016a6)}.otp-chip-svg-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.otp-glass-card-wrapper{position:relative;width:100%;height:540px;filter:drop-shadow(0 35px 70px rgba(0,0,0,.85)) drop-shadow(0 15px 30px rgba(0,0,0,.5)) drop-shadow(0 0 35px rgba(0,159,234,.15));transition:filter .4s ease;will-change:transform}.otp-glass-card-wrapper:hover{filter:drop-shadow(0 40px 80px rgba(0,0,0,.9)) drop-shadow(0 15px 35px rgba(0,0,0,.6)) drop-shadow(0 0 45px rgba(0,255,64,.22))}.otp-glass-card-wrapper:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140%;height:140%;background:radial-gradient(circle,#22c55e40,#12121200 65%);opacity:0;transition:opacity 1s ease-in-out 2.5s;z-index:-1;pointer-events:none}.otp-glass-card-wrapper.is-complete:before{opacity:1}.otp-glass-blur-panel{position:absolute;top:0;right:0;bottom:0;left:0;backdrop-filter:blur(36px) saturate(185%) brightness(1.04);-webkit-backdrop-filter:blur(36px) saturate(185%) brightness(1.04);clip-path:url(#otp-card-clip);z-index:0}.otp-glass-surface-overlay{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:url(#otp-card-clip);background:linear-gradient(135deg,#ffffff21,#16161c85 35%,#0a0a0ebf),radial-gradient(ellipse at 85% 70%,rgba(0,255,64,.12) 0%,transparent 60%),radial-gradient(ellipse at 15% 15%,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none;z-index:1}.otp-card-svg-border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.otp-card-content{position:relative;z-index:3;padding:34px 44px 30px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;will-change:opacity,filter,transform}.otp-card-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:110px}.otp-shield-badge{width:50px;height:50px;border-radius:16px;background:#00ff4014;border:1px solid rgba(0,255,64,.3);display:flex;align-items:center;justify-content:center;color:var(--neon-lime);box-shadow:0 0 20px #00ff4038,inset 0 1px 1px #ffffff4d;margin-bottom:2px;transition:all .4s ease}.otp-glass-card-wrapper:not(.is-complete):before{transition:opacity .4s ease-in-out}.otp-glass-card-wrapper.is-rejected:before{background:radial-gradient(circle,#ff5c5c40,#12121200 65%)}.otp-submit-btn.is-rejected-btn{background:linear-gradient(180deg,#ff7a7a,#e04747)!important;box-shadow:0 8px 24px #e0474773!important;color:#fff!important;opacity:1!important;cursor:default!important}.otp-shield-badge.is-rejected{background:#ff5c5c24;border-color:#ff5c5c80;box-shadow:0 0 26px #ff5c5c66;color:#ff5c5c}.otp-shield-badge.is-verified{background:#22c55e24;border-color:#22c55e80;box-shadow:0 0 26px #22c55e66;color:#22c55e}.otp-title{font-family:Space Grotesk,Plus Jakarta Sans,sans-serif;font-size:28px;line-height:1.15;font-weight:700;letter-spacing:-.5px;margin:0}.otp-title-white{color:#fff}.otp-title-lime{color:var(--neon-lime);text-shadow:0 0 28px rgba(0,255,64,.45)}.otp-subtitle{font-size:13.5px;color:var(--text-dim);line-height:1.45;font-weight:400;max-width:380px;margin:0 auto;min-height:20px}.otp-recipient-tag{display:inline-flex;align-items:center;gap:6px;background:#ffffff12;border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:3px 12px;color:#fff;font-weight:600;font-size:12.5px;margin-top:2px;letter-spacing:.2px}.otp-orbit-stage{position:relative;width:100%;display:flex;align-items:center;justify-content:center;min-height:154px;margin:4px 0 2px}.otp-boxes-container{display:flex;align-items:center;justify-content:center;gap:16px;position:relative;min-height:64px;width:100%}.otp-input-slot{position:relative;width:64px;height:64px;border-radius:16px;background-color:#1a1a24;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;will-change:transform,opacity,box-shadow;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,border-color .2s ease;border:1.5px solid rgba(255,255,255,.16);box-shadow:inset 0 2px 6px #0006,0 4px 12px #00000040}.otp-input-slot:focus-within{border-color:var(--neon-lime);transform:scale(1.08);box-shadow:0 8px 24px #00ff4059;z-index:10}.otp-input-slot.is-filled{border-color:#00ff4073;background-color:#00ff400d}.otp-input-slot:before{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:transparent;pointer-events:none;z-index:0;opacity:0}.is-complete .otp-input-slot:before{opacity:1;background:conic-gradient(from 0deg,transparent 0%,transparent 55%,rgba(240,81,51,.15) 70%,#009FEA 92%,#ffb4a2 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)}}.is-rejected .otp-input-slot:before{animation:rotate-gradient 1.25s linear 2,morph-border-red .5s ease-in-out 2.5s forwards!important}@keyframes morph-border-red{0%{background:conic-gradient(from 0deg,#009fea,#0079db,#009fea)}32%{background:conic-gradient(from 0deg,#009fea,#0079db,#009fea)}33%{background:conic-gradient(from 0deg,#ff5c5c,#d93636,#ff5c5c)}to{background:conic-gradient(from 0deg,#ff5c5c,#d93636,#ff5c5c)}}@keyframes morph-border-green{0%{background:conic-gradient(from 0deg,#009fea,#0079db,#009fea)}32%{background:conic-gradient(from 0deg,#009fea,#0079db,#009fea)}33%{background:conic-gradient(from 0deg,#22c55e,#16a34a,#22c55e)}to{background:conic-gradient(from 0deg,#22c55e,#16a34a,#22c55e)}}.otp-input-field{position:absolute;top:2.5px;left:2.5px;width:calc(100% - 5px);height:calc(100% - 5px);background-color:var(--box-bg);border:none;border-radius:13.5px;color:#fff;font-size:28px;font-weight:700;text-align:center;outline:none;font-family:Space Grotesk,monospace,sans-serif;caret-color:var(--neon-lime);z-index:1;transition:background-color .4s ease,color .2s ease;-webkit-appearance:none;-moz-appearance:textfield}.otp-input-field::-webkit-outer-spin-button,.otp-input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.is-complete .otp-input-field{animation:fade-text .2s ease 2.3s forwards}@keyframes fade-text{to{color:transparent;background-color:var(--box-bg);text-shadow:none}}.is-complete .otp-input-slot: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 #22c55e66}to{box-shadow:0 0 28px #22c55ef2}}.otp-input-slot:after{content:"";position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff73,#fff0);transform:skew(-25deg);z-index:5;pointer-events:none}.is-complete .otp-input-slot: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}.otp-boxes-container.has-error .otp-input-slot{border-color:#ff4d4f!important;box-shadow:0 0 18px #ff4d4f73!important;animation:otpShake .45s cubic-bezier(.36,.07,.19,.97) both}.otp-boxes-container.has-error .otp-input-field{color:#ff6b6b!important}@keyframes otpShake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.otp-error-text{color:#ff6b6b;font-size:12.5px;font-weight:500;text-align:center;margin-top:-4px}.otp-action-group{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:14px;margin-bottom:4px}.otp-submit-btn{width:280px;max-width:100%;height:48px;border:none;border-radius:14px;background:linear-gradient(180deg,var(--neon-lime-bright) 0%,var(--neon-lime) 100%);color:#0c0d10;font-size:15px;font-weight:700;font-family:inherit;letter-spacing:.3px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 8px 24px #00ff406b,inset 0 1px 1px #ffffff80;transition:all .25s cubic-bezier(.16,1,.3,1)}.otp-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px #00ff4094;filter:brightness(1.05)}.otp-submit-btn:active:not(:disabled){transform:translateY(0)}.otp-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none;box-shadow:0 4px 12px #0006}.otp-submit-btn.is-verified-btn{background:linear-gradient(180deg,#34d399,#10b981)!important;box-shadow:0 8px 24px #10b98173!important;color:#fff!important;opacity:1!important;cursor:default!important}.otp-resend-row{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13px;color:var(--text-dim)}.otp-resend-btn{background:none;border:none;color:var(--neon-lime);font-weight:600;cursor:pointer;font-size:inherit;font-family:inherit;padding:0;display:inline-flex;align-items:center;gap:4px;transition:all .2s ease}.otp-resend-btn:hover:not(:disabled){text-decoration:underline;filter:brightness(1.2)}.otp-resend-btn:disabled{color:var(--text-muted);cursor:not-allowed;text-decoration:none}.otp-timer-count{font-variant-numeric:tabular-nums;font-weight:600;color:var(--neon-lime)}.otp-spinner{width:18px;height:18px;border:2px solid rgba(12,13,16,.25);border-top-color:#0c0d10;border-radius:50%;animation:otpSpin .7s linear infinite}@keyframes otpSpin{to{transform:rotate(360deg)}}.otp-back-btn{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px auto 0;padding:6px 12px;background:none;border:none;color:var(--text-muted);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;transition:color .2s ease,background-color .2s ease}.otp-back-btn:hover{color:var(--text-white);background:#ffffff0f}.e-claro .otp-glass-surface-overlay{background:linear-gradient(135deg,#eef4fbf7,#e0e9f4f2 42%,#d1deedf0),radial-gradient(ellipse at 85% 70%,rgba(0,255,64,.12) 0%,transparent 60%),radial-gradient(ellipse at 15% 15%,rgba(255,255,255,.95) 0%,transparent 52%)}.e-claro .otp-chip-blur-panel{background:linear-gradient(135deg,#f3f8fdf7,#e4edf6f0,#dae5f1eb)}.e-claro .otp-input-slot{background-color:var(--box-bg);border-color:#0f172a33;box-shadow:inset 0 1px 2px #0f172a0d,0 3px 10px #0f172a1a}.e-claro .otp-input-slot.is-filled{background-color:#fff;border-color:#00ff408c}.e-claro .otp-input-slot:focus-within{border-color:var(--neon-lime);box-shadow:0 8px 20px #00ff4059}.e-claro .otp-recipient-tag{background:#ffffffbf;border-color:#0f172a24;color:#0f172a}.e-claro .otp-submit-btn:disabled{box-shadow:0 4px 12px #0f172a24}.e-claro .otp-back-btn:hover{background:#0f172a0d}.e-claro .otp-glass-card-wrapper{filter:drop-shadow(0 22px 48px rgba(15,23,42,.22)) drop-shadow(0 8px 16px rgba(15,23,42,.12)) drop-shadow(0 0 30px rgba(0,159,234,.1))}.e-claro .otp-glass-card-wrapper:hover{filter:drop-shadow(0 22px 48px rgba(15,23,42,.22)) drop-shadow(0 8px 18px rgba(15,23,42,.12)) drop-shadow(0 0 34px rgba(0,255,64,.18))}.e-claro .otp-chip-container{filter:drop-shadow(0 10px 20px rgba(15,23,42,.18))}.e-claro .otp-input-field,.e-claro .otp-title-white{color:#0f172a}