:root{--otp-primary: #0F6B5C;--otp-primary-dark: #0A4F44;--otp-primary-tint: #E4F1EE;--otp-accent: #C9972B;--otp-accent-dark: #A87A1B;--otp-accent-tint: #FBF1DC;--otp-success: #1E8C4A;--otp-success-tint: #E6F4EA;--otp-error: #C1443A;--otp-error-tint: #FBEAE7;--otp-bg: #ffffff;--otp-border: #E2E6E4;--otp-text: #16211D;--otp-muted: #5C6B67;--otp-radius: 18px;--otp-shadow: 0 14px 44px rgba(15,40,35,0.12),0 2px 8px rgba(15,40,35,0.06);--otp-transition: 0.2s cubic-bezier(0.4,0,0.2,1);--otp-font: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}#smart-otp-container{display: none;position: relative;background: var(--otp-bg);border: 1px solid var(--otp-border);border-radius: var(--otp-radius);box-shadow: var(--otp-shadow);padding: 38px 28px 26px;width: 100%;max-width: 420px;margin: 24px auto;text-align: center;font-family: var(--otp-font);box-sizing: border-box;transition: box-shadow 0.3s ease,transform 0.3s ease}#smart-otp-container::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 5px;border-top-left-radius: var(--otp-radius);border-top-right-radius: var(--otp-radius);background: linear-gradient(90deg,#0F6B5C 0%,#2E9E7C 35%,#C9972B 70%,#E0B65A 100%);z-index: 1}#smart-otp-container::after{content: '';position: absolute;inset: 0;border-radius: var(--otp-radius);background: radial-gradient(circle at 96% 2%,rgba(201,151,43,0.09),transparent 22%),radial-gradient(circle at 2% 100%,rgba(15,107,92,0.08),transparent 22%);pointer-events: none;z-index: 0}#smart-otp-container>*{position: relative;z-index: 1}@media (hover: hover) and (pointer: fine){#smart-otp-container:hover{box-shadow: 0 20px 60px rgba(15,40,35,0.16),0 4px 12px rgba(15,40,35,0.08);transform: translateY(-2px)}}#smart-otp-container.active{display: block;animation: otp-container-in 0.35s cubic-bezier(0.16,1,0.3,1)}@keyframes otp-container-in{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.otp-brand-icon{width: 68px;height: 68px;display: flex;align-items: center;justify-content: center;margin: 4px auto 18px;font-size: 30px;line-height: 1;background: linear-gradient(155deg,var(--otp-primary) 0%,var(--otp-primary-dark) 100%);border-radius: 28% 72% 68% 32% / 32% 28% 72% 68%;box-shadow: 0 8px 20px rgba(15,107,92,0.28)}.otp-brand-icon.small{width: 54px;height: 54px;font-size: 24px;margin: 0 auto 10px}#smart-otp-container h2{margin: 0 0 6px;color: var(--otp-text);font-size: 24px;font-weight: 800;letter-spacing: -0.4px}#smart-otp-container>p,.otp-sub{margin: 0 0 22px;color: var(--otp-muted);font-size: 14px;line-height: 1.5}.otp-input-group{display: flex;align-items: center;border: 1.5px solid var(--otp-border);border-radius: 10px;overflow: hidden;margin-bottom: 14px;background: #fff;transition: border-color var(--otp-transition),box-shadow var(--otp-transition)}.otp-input-group:focus-within{border-color: var(--otp-primary);box-shadow: 0 0 0 4px var(--otp-primary-tint)}.otp-input-group-valid{border-color: var(--otp-success) !important}.otp-input-group-valid:focus-within{box-shadow: 0 0 0 4px var(--otp-success-tint)}.otp-input-group.otp-input-invalid,input.otp-input-invalid{border-color: var(--otp-error) !important}.otp-input-group.otp-input-invalid:focus-within,input.otp-input-invalid:focus{box-shadow: 0 0 0 4px var(--otp-error-tint) !important}@keyframes otp-input-shake{10%,90%{transform: translateX(-1px)}20%,80%{transform: translateX(2px)}30%,50%,70%{transform: translateX(-4px)}40%,60%{transform: translateX(4px)}}.otp-input-shake{animation: otp-input-shake 0.4s ease}.otp-flag{padding: 0 12px;background: #f8f9fa;border-right: 1.5px solid var(--otp-border);color: var(--otp-muted);font-size: 14px;white-space: nowrap;height: 48px;display: flex;align-items: center;user-select: none}#smart_otp_phone_number{width: 100%;padding: 13px 14px;border: none;outline: none;font-size: 16px;color: var(--otp-text);background: transparent;font-family: var(--otp-font);box-sizing: border-box;letter-spacing: 0.5px}.otp-digit-group{display: flex;justify-content: center;gap: 8px;margin: 4px 0 6px}.otp-digit{width: 46px;height: 56px;border: 1.5px solid var(--otp-border);border-radius: 10px;text-align: center;font-size: 24px;font-weight: 700;color: var(--otp-text);background: #fff;font-family: var(--otp-font);box-sizing: border-box;transition: border-color var(--otp-transition),box-shadow var(--otp-transition),transform var(--otp-transition);padding: 0}.otp-digit:focus{border-color: var(--otp-primary);box-shadow: 0 0 0 4px var(--otp-primary-tint);outline: none;transform: translateY(-1px)}#smart_otp_send_otp,#smart_otp_verify_otp{display: flex;align-items: center;justify-content: center;width: 100%;padding: 14px 20px;background: var(--otp-primary) !important;color: #fff !important;border: none !important;border-radius: 10px;font-size: 15px;font-weight: 600;cursor: pointer;margin-top: 10px;letter-spacing: 0.2px;transition: background var(--otp-transition),transform var(--otp-transition),box-shadow var(--otp-transition);font-family: var(--otp-font);box-shadow: 0 1px 2px rgba(0,0,0,0.05)}#smart_otp_send_otp:hover:not(:disabled),#smart_otp_verify_otp:hover:not(:disabled){background: var(--otp-primary-dark) !important;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(15,107,92,0.28)}#smart_otp_send_otp:active:not(:disabled),#smart_otp_verify_otp:active:not(:disabled){transform: translateY(0);box-shadow: 0 1px 2px rgba(0,0,0,0.05)}#smart_otp_send_otp:disabled,#smart_otp_verify_otp:disabled{opacity: 0.7;cursor: not-allowed;transform: none}.otp-btn-success,#smart_otp_verify_otp.otp-btn-success,.otp-btn-primary.otp-btn-success{background: var(--otp-success) !important;opacity: 1 !important;cursor: default !important}.otp-btn-success::after{display: none !important}#smart_otp_resend_otp{background: transparent !important;border: 1.5px solid var(--otp-border) !important;color: var(--otp-muted) !important;padding: 10px 16px;border-radius: 10px;font-size: 13px;font-weight: 500;cursor: pointer;margin-top: 16px;width: 100%;transition: all var(--otp-transition);font-family: var(--otp-font)}#smart_otp_resend_otp:not(:disabled):hover{border-color: var(--otp-primary) !important;color: var(--otp-primary) !important;background: var(--otp-primary-tint) !important}#smart_otp_resend_otp:disabled{opacity: 0.6;cursor: not-allowed}#smart_otp_resend_otp span{font-variant-numeric: tabular-nums;font-weight: 700;color: var(--otp-text)}#smart_otp_send_otp:disabled::after,#smart_otp_verify_otp:disabled::after,.otp-btn-primary:disabled::after{content: '';display: inline-block;width: 14px;height: 14px;border: 2px solid rgba(255,255,255,0.4);border-top-color: #fff;border-radius: 50%;animation: otp-spin 0.7s linear infinite;margin-left: 8px;vertical-align: middle}@keyframes otp-spin{to{transform: rotate(360deg)}}.otp-send-msg,#smart_otp_message{display: block;font-size: 13px;font-weight: 500;margin-top: 10px;min-height: 0;text-align: center;line-height: 1.4}.otp-send-msg:not(:empty),#smart_otp_message:not(:empty){padding: 9px 12px;border-radius: 8px;animation: otp-msg-in 0.2s ease}@keyframes otp-msg-in{from{opacity: 0;transform: translateY(-2px)}to{opacity: 1;transform: translateY(0)}}.otp-msg-success{color: var(--otp-success);background: var(--otp-success-tint)}.otp-msg-error{color: var(--otp-error);background: var(--otp-error-tint)}#smart-otp-overlay{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999999;justify-content: center;align-items: center;background: rgba(15,20,30,0.6);backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);padding: 16px;box-sizing: border-box}#smart-otp-overlay[style*="flex"]{animation: otp-fade-in 0.2s ease}@keyframes otp-fade-in{from{opacity: 0}to{opacity: 1}}#smart_otp_popup{position: relative !important;width: 100%;max-width: 380px;background: #ffffff !important;padding: 34px 28px 28px;border-radius: 18px;box-shadow: 0 24px 64px rgba(0,0,0,0.28);text-align: center;animation: otp-pop-in 0.28s cubic-bezier(0.16,1,0.3,1);box-sizing: border-box;margin: 0 auto}@keyframes otp-pop-in{from{opacity: 0;transform: translateY(18px) scale(0.96)}to{opacity: 1;transform: translateY(0) scale(1)}}#smart_otp_popup.otp-shake{animation: otp-shake 0.4s ease}@keyframes otp-shake{10%,90%{transform: translateX(-1px)}20%,80%{transform: translateX(2px)}30%,50%,70%{transform: translateX(-4px)}40%,60%{transform: translateX(4px)}}.otp-digit:disabled{background: #f1f3f4;border-color: var(--otp-border);color: var(--otp-muted);cursor: not-allowed}#smart_otp_popup.otp-locked .otp-digit-group{opacity: 0.6}.otp-attempts-dots{display: flex;justify-content: center;align-items: center;gap: 6px;margin: 2px 0 4px;min-height: 8px}.otp-attempt-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--otp-border);transition: background var(--otp-transition),transform var(--otp-transition)}.otp-attempt-dot.used{background: var(--otp-error);transform: scale(1.15)}#smart_otp_popup h3{color: var(--otp-text) !important;font-size: 20px !important;margin: 12px 0 6px !important;font-weight: 700 !important}#smart_otp_popup .otp-sub{color: var(--otp-muted) !important;font-size: 14px !important;margin-bottom: 20px !important}.otp-edit-number-btn{display: block;margin: 4px auto 0;background: none;border: none;color: var(--otp-primary);font-size: 12px;font-weight: 600;cursor: pointer;padding: 2px 4px;font-family: var(--otp-font)}.otp-edit-number-btn:hover{text-decoration: underline}.close-popup{position: absolute !important;top: 14px !important;right: 14px !important;left: auto !important;width: 30px !important;height: 30px !important;min-width: 0 !important;max-width: none !important;display: flex !important;align-items: center !important;justify-content: center !important;background: #f1f3f4 !important;border: none !important;box-shadow: none !important;font-size: 20px !important;line-height: 1 !important;color: var(--otp-muted) !important;cursor: pointer !important;margin: 0 !important;padding: 0 !important;border-radius: 50% !important;z-index: 2;transition: color var(--otp-transition),background var(--otp-transition),transform var(--otp-transition)}.close-popup:hover{color: var(--otp-text) !important;background: #e8eaed !important;transform: rotate(90deg) !important}body.otp-open{overflow: hidden}@media (max-width: 480px){#smart-otp-container{padding: 28px 20px 24px;border-radius: 14px;margin: 16px auto}#smart-otp-container h2{font-size: 20px}.otp-digit{width: 38px;height: 48px;font-size: 20px}.otp-digit-group{gap: 6px}#smart_otp_popup{padding: 28px 20px 22px}}.otp-tabs{display: flex;gap: 4px;margin-bottom: 26px;background: #eef1ef;padding: 4px;border-radius: 12px;border: 1px solid var(--otp-border)}.otp-tab{flex: 1;padding: 11px 8px;border: none !important;background: transparent !important;border-radius: 9px;font-size: 14px;font-weight: 600;cursor: pointer;color: #3D4A46 !important;transition: all var(--otp-transition);font-family: var(--otp-font)}.otp-tab.active{background: var(--otp-primary) !important;color: #ffffff !important;box-shadow: 0 3px 10px rgba(15,107,92,0.35);font-weight: 700}.otp-tab[data-tab="email"].active{background: var(--otp-accent) !important;color: #ffffff !important;box-shadow: 0 3px 10px rgba(201,151,43,0.35)}#tab-email input[type="email"],#tab-email input[type="text"],#tab-email input[type="password"]{width: 100%;padding: 12px 14px;border: 1.5px solid var(--otp-border);border-radius: 10px;font-size: 15px;color: var(--otp-text);margin-bottom: 10px;box-sizing: border-box;font-family: var(--otp-font);background: #fff;transition: border-color var(--otp-transition),box-shadow var(--otp-transition);display: block}#tab-email input:focus{border-color: var(--otp-primary);box-shadow: 0 0 0 4px var(--otp-primary-tint);outline: none}.otp-float-group{position: relative;margin-bottom: 10px}.otp-float-group input{margin-bottom: 0 !important}.otp-float-group label{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);font-size: 15px;color: var(--otp-muted);pointer-events: none;transition: all 0.15s ease;background: #fff;padding: 0 4px;margin-left: -4px}.otp-float-group input:focus + label,.otp-float-group input:not(:placeholder-shown) + label{top: 0;font-size: 11px;font-weight: 600;color: var(--otp-primary)}.otp-field-icon{position: absolute;left: 13px;top: 50%;transform: translateY(-50%);font-size: 15px;line-height: 1;pointer-events: none;z-index: 1;opacity: 0.75}.otp-float-group.has-icon input{padding-left: 38px !important}.otp-float-group.has-icon label{left: 38px;margin-left: -4px}.otp-password-wrap{position: relative !important;margin-bottom: 10px;display: block}.otp-password-wrap input{margin-bottom: 0 !important;padding-right: 44px !important}.toggle-pass{position: absolute !important;top: 50% !important;right: 12px !important;left: auto !important;bottom: auto !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;transform: translateY(-50%) !important;background: none !important;background-color: transparent !important;border: none !important;box-shadow: none !important;border-radius: 0 !important;margin: 0 !important;padding: 4px !important;width: auto !important;height: auto !important;min-width: 0 !important;max-width: none !important;line-height: 1 !important;font-size: 16px !important;color: var(--otp-muted) !important;cursor: pointer !important;z-index: 2;transition: transform var(--otp-transition)}.toggle-pass:hover{transform: translateY(-50%) scale(1.1) !important}.otp-remember-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 16px;font-size: 13px;color: var(--otp-muted)}.otp-remember-row label{display: flex;align-items: center;gap: 6px;cursor: pointer}.otp-forgot{color: var(--otp-primary);text-decoration: none;font-size: 13px;font-weight: 500}.otp-forgot:hover{text-decoration: underline}.otp-btn-primary{display: flex;align-items: center;justify-content: center;width: 100%;padding: 14px 20px;background: var(--otp-primary) !important;color: #fff !important;border: none !important;border-radius: 10px;font-size: 15px;font-weight: 600;cursor: pointer;margin-top: 8px;transition: background var(--otp-transition),transform var(--otp-transition),box-shadow var(--otp-transition);font-family: var(--otp-font);box-sizing: border-box;box-shadow: 0 1px 2px rgba(0,0,0,0.05)}.otp-btn-primary:hover:not(:disabled){background: var(--otp-primary-dark) !important;transform: translateY(-1px);box-shadow: 0 4px 12px rgba(15,107,92,0.28)}.otp-btn-primary:disabled{opacity: 0.7;cursor: not-allowed;transform: none}.otp-btn-resend{background: transparent !important;border: 1.5px solid var(--otp-border) !important;color: var(--otp-muted) !important;padding: 10px 16px;border-radius: 10px;font-size: 13px;font-weight: 500;cursor: pointer;margin-top: 14px;width: 100%;transition: all var(--otp-transition);font-family: var(--otp-font);box-sizing: border-box}.otp-btn-resend:not(:disabled):hover{border-color: var(--otp-primary) !important;color: var(--otp-primary) !important;background: var(--otp-primary-tint) !important}.otp-btn-resend:disabled{opacity: 0.6;cursor: not-allowed}@media (max-width: 480px){.otp-tab{font-size: 13px;padding: 9px 6px}}#tab-email input[type="email"]#smart_email_input{font-size: 16px;padding: 13px 14px;margin-bottom: 12px}.email-step-header{display: flex;align-items: center;justify-content: space-between;background: #f1f3f4;border-radius: 10px;padding: 11px 14px;margin-bottom: 14px}.email-display{color: var(--otp-text);font-size: 14px;font-weight: 500;word-break: break-all}.email-change-btn{background: none;border: none;color: var(--otp-primary);font-size: 13px;font-weight: 600;cursor: pointer;padding: 4px 8px;border-radius: 6px;white-space: nowrap;margin-left: 8px;font-family: var(--otp-font);transition: background var(--otp-transition)}.email-change-btn:hover{background: var(--otp-primary-tint)}.email-step-sub{color: var(--otp-muted) !important;font-size: 13px !important;margin-bottom: 16px !important;text-align: left !important}.otp-heading-sub{color: var(--otp-muted) !important;font-size: 13px !important;margin: -2px 0 16px !important}.otp-google-wrap{width: 100%;max-width: 320px;margin: 0 auto 8px;display: flex;justify-content: center;overflow: visible;box-sizing: border-box;background: #fff;border-radius: 999px;position: relative;z-index: 2}#smart-google-btn{max-width: 100%;width: 100%;box-sizing: border-box}#smart-google-btn iframe{max-width: 100% !important}.otp-google-wrap.loading #smart-google-btn{width: 100%;height: 44px;border-radius: 999px;background: linear-gradient(90deg,#eef0f2 25%,#f7f8f9 50%,#eef0f2 75%);background-size: 200% 100%;animation: otp-shimmer 1.4s ease infinite}@keyframes otp-shimmer{0%{background-position: 200% 0}100%{background-position: -200% 0}}.otp-divider{display: flex;align-items: center;text-align: center;margin: 16px 0;color: var(--otp-muted);font-size: 12px}.otp-divider::before,.otp-divider::after{content: '';flex: 1;border-bottom: 1px solid var(--otp-border)}.otp-divider span{padding: 0 12px}.otp-consent-row{margin: 0 0 16px;padding: 0}.otp-consent-static{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 6px;margin: 0;font-size: 12px;line-height: 1.5;color: var(--otp-muted)}.otp-consent-check{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: 50%;background: var(--otp-success);color: #fff;font-size: 10px;flex-shrink: 0}.otp-consent-static a{color: var(--otp-primary);font-weight: 600;text-decoration: underline}@media (max-width: 480px){.otp-google-wrap iframe{max-width: 100% !important}}.otp-google-wrap{overflow: visible;box-sizing: border-box}#smart-google-btn,#smart-google-btn *{box-sizing: content-box !important}.otp-google-wrap,#smart-google-btn{overflow: visible !important}#smart-otp-container{overflow: hidden}@media (prefers-reduced-motion: reduce){#smart-otp-container.active,#smart-otp-overlay[style*="flex"],#smart_otp_popup,#smart_otp_popup.otp-shake,.otp-send-msg:not(:empty),#smart_otp_message:not(:empty),.otp-input-shake,.otp-google-wrap.loading #smart-google-btn{animation: none !important}}