.otp-verification.svelte-pey7ta{width:100%;max-width:480px;margin:0 auto}.otp-header.svelte-pey7ta{text-align:center;margin-bottom:2.5rem;position:relative}.back-button.svelte-pey7ta{position:absolute;left:0;top:0;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-button.svelte-pey7ta:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.icon-wrapper.svelte-pey7ta{display:flex;align-items:center;justify-content:center;width:96px;height:96px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#19c37d1a,#19c37d33);color:var(--color-green);transition:all var(--transition-normal)}.icon-wrapper.success.svelte-pey7ta{background:linear-gradient(135deg,#22c55e33,#22c55e4d);color:#22c55e;animation:svelte-pey7ta-pulse .6s ease-out}.icon-wrapper.error.svelte-pey7ta{background:linear-gradient(135deg,#ef44441a,#ef444433);color:#ef4444;animation:svelte-pey7ta-shake .4s ease-out}.otp-header.svelte-pey7ta h2:where(.svelte-pey7ta){color:var(--text-primary);margin-bottom:.75rem;font-size:1.75rem}.subtitle.svelte-pey7ta{color:var(--text-secondary);line-height:1.6;font-size:1rem}.email-highlight.svelte-pey7ta{display:block;color:var(--color-green);font-weight:600;margin-top:.25rem}.otp-body.svelte-pey7ta{margin-top:2rem}.otp-inputs.svelte-pey7ta{display:flex;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.otp-input.svelte-pey7ta{width:52px;height:58px;text-align:center;font-size:1.5rem;font-weight:700;border:2px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);transition:all var(--transition-fast);caret-color:var(--color-green)}.otp-input.svelte-pey7ta:focus{outline:none;border-color:var(--color-green);background-color:var(--bg-primary);box-shadow:0 0 0 3px #19c37d1a;transform:scale(1.05)}.otp-input.filled.svelte-pey7ta{border-color:var(--color-green);background-color:#19c37d0d}.otp-input.error.svelte-pey7ta{border-color:#ef4444;background-color:#ef44440d}.otp-input.svelte-pey7ta:disabled{opacity:.6;cursor:not-allowed}.error-message.svelte-pey7ta{display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:#ef44441a;color:#ef4444;padding:.875rem 1rem;border-radius:var(--radius-md);margin-bottom:1rem;border:1px solid rgba(239,68,68,.3);font-weight:500;font-size:.95rem}.attempts-info.svelte-pey7ta{text-align:center;color:var(--text-tertiary);font-size:.875rem;margin-bottom:1rem}.otp-actions.svelte-pey7ta{margin-top:1.5rem}.btn-full.svelte-pey7ta{width:100%}.btn-lg.svelte-pey7ta{padding:1rem 1.5rem;font-size:1.05rem;display:flex;align-items:center;justify-content:center;gap:.625rem}.resend-section.svelte-pey7ta{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.resend-text.svelte-pey7ta{color:var(--text-secondary);font-size:.95rem;display:block;margin-bottom:.5rem}.btn-link.svelte-pey7ta{background:none;border:none;color:var(--color-green);font-weight:600;font-size:.95rem;cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-link.svelte-pey7ta:hover:not(:disabled){background-color:#19c37d1a;transform:translateY(-1px)}.btn-link.svelte-pey7ta:disabled{opacity:.5;cursor:not-allowed}.success-message.svelte-pey7ta{text-align:center;padding:2rem;animation:svelte-pey7ta-fadeInScale .5s ease-out}.success-message.svelte-pey7ta svg{color:#22c55e;margin-bottom:1rem}.success-message.svelte-pey7ta p:where(.svelte-pey7ta){color:var(--text-primary);font-size:1.125rem;font-weight:500}.spinner{animation:svelte-pey7ta-spin 1s linear infinite}@keyframes svelte-pey7ta-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes svelte-pey7ta-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes svelte-pey7ta-shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@keyframes svelte-pey7ta-fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-shake.svelte-pey7ta{animation:svelte-pey7ta-shake .4s ease-out}@media (max-width: 480px){.otp-inputs.svelte-pey7ta{gap:.5rem}.otp-input.svelte-pey7ta{width:44px;height:52px;font-size:1.25rem}.otp-header.svelte-pey7ta h2:where(.svelte-pey7ta){font-size:1.5rem}}@media (max-width: 380px){.otp-inputs.svelte-pey7ta{gap:.375rem}.otp-input.svelte-pey7ta{width:38px;height:48px;font-size:1.125rem}}