.otp-container{display:flex;gap:12px;justify-content:center;margin:20px 0}.otp-container input{width:52px;height:58px;text-align:center;font-size:24px;font-weight:700;border:2px solid #d5ccff;border-radius:12px;background:#f8f6ff;color:#333;outline:none;transition:border-color .2s,box-shadow .2s;caret-color:transparent}.otp-container input:focus{border-color:#704dff;box-shadow:0 0 0 3px #704dff33}.otp-container input.otp-filled{border-color:#704dff}.otp-container input.otp-error{border-color:#e63946;box-shadow:0 0 0 3px #e6394633}.otp-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.otp-modal{background:#fff;border-radius:20px;padding:32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px #704dff26;border:1px solid #e8e0ff}.otp-modal h2{color:#333;font-size:22px;margin:0 0 8px}.otp-modal .otp-subtitle{color:#888;font-size:14px;margin:0 0 4px;line-height:1.4}.otp-modal .otp-email-display{color:#704dff;font-size:14px;font-weight:600;margin:0 0 24px}.otp-timer{color:#888;font-size:13px;margin:8px 0 16px}.otp-timer span{color:#704dff;font-weight:600}.otp-timer.expired{color:#e63946}.otp-error-msg{color:#e63946;font-size:13px;margin:8px 0;min-height:18px}.otp-success-msg{color:#22c55e;font-size:13px;margin:8px 0}.otp-verify-btn{width:100%;padding:14px;background:#704dff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;margin-top:8px}.otp-verify-btn:hover:not(:disabled){background:#5a3ad9}.otp-verify-btn:disabled{opacity:.5;cursor:not-allowed}.otp-resend-btn{background:none;border:none;color:#704dff;font-size:14px;cursor:pointer;margin-top:16px;padding:8px;text-decoration:underline}.otp-resend-btn:disabled{color:#bbb;cursor:not-allowed;text-decoration:none}.otp-skip-btn{background:none;border:none;color:#999;font-size:13px;cursor:pointer;margin-top:8px;padding:6px}.otp-skip-btn:hover{color:#666}.fp-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.fp-modal{background:#fff;border-radius:20px;padding:32px 28px;max-width:420px;width:100%;box-shadow:0 20px 60px #704dff26;border:1px solid #e8e0ff}.fp-modal h2{color:#333;font-size:22px;margin:0 0 8px;text-align:center}.fp-modal .fp-subtitle{color:#888;font-size:14px;margin:0 0 20px;text-align:center;line-height:1.4}.fp-input-group{margin-bottom:14px}.fp-input-group label{display:block;color:#555;font-size:13px;margin-bottom:6px;font-weight:500}.fp-input-group input{width:100%;padding:12px 14px;background:#f8f6ff;border:2px solid #d5ccff;border-radius:10px;color:#333;font-size:15px;outline:none;transition:border-color .2s;box-sizing:border-box}.fp-input-group input:focus{border-color:#704dff}.fp-input-wrapper{position:relative}.fp-input-wrapper input{padding-right:44px}.fp-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#999;cursor:pointer;padding:4px;font-size:16px}.fp-submit-btn{width:100%;padding:14px;background:#704dff;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s,opacity .2s;margin-top:8px}.fp-submit-btn:hover:not(:disabled){background:#5a3ad9}.fp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.fp-back-btn{background:none;border:none;color:#888;font-size:14px;cursor:pointer;margin-top:12px;padding:8px;display:block;width:100%;text-align:center}.fp-back-btn:hover{color:#555}.fp-error-msg{color:#e63946;font-size:13px;margin:8px 0;text-align:center}.fp-success-msg{color:#22c55e;font-size:14px;text-align:center;margin:16px 0;line-height:1.4}