.vandi-otp{width:min(480px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid #cdd7e0;border-radius:16px;padding:24px;color:#0846ad;font-family:inherit}.vandi-otp::backdrop{background:#102b50a8}.vandi-otp h2{font-size:24px;line-height:1.4}.vandi-otp p{font-size:14px;line-height:1.6}.vandi-otp label{display:block;font-weight:600;margin:16px 0}.vandi-otp input,.vandi-otp select{display:block;width:100%;margin-top:8px;min-height:46px;padding:10px;border:1px solid #bccbe0;border-radius:6px;font:inherit}.vandi-otp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.vandi-otp button{padding:10px 16px;background:#0846ad;color:white;border:0;border-radius:7px;font:inherit;min-height:44px}.vandi-otp button:disabled{opacity:.5}.vandi-otp button:last-child{background:#edf3ff;color:#0846ad}.vandi-otp form{padding:0;border:0;box-shadow:none}.vandi-otp input[readonly]{background:#f3f6fb}#vandi-otp-captcha{max-width:100%;overflow:visible}
/* The provider's popup and the OTP form share one document inside the outer modal. */
.vandi-otp-frame-shell{width:min(620px,calc(100vw - 24px));height:min(800px,94dvh);max-height:94dvh;padding:0!important;overflow:hidden;background:#fff}
.vandi-otp-frame-shell iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.vandi-otp-frame-page{margin:0;background:#fff;color:#252b33;font:15px/1.45 Arial,sans-serif}
.vandi-otp-frame-page .vandi-otp-embedded{display:block;box-sizing:border-box;width:100%;max-width:100%;max-height:none;margin:0;padding:24px;border:0;border-radius:0;color:#252b33;overflow:visible}
.vandi-otp-frame-page .vandi-otp-embedded :is(input,select){box-sizing:border-box;max-width:100%}
.vandi-otp-frame-page .vandi-otp-embedded h2{margin:0 0 14px}
.vandi-otp-frame-page .vandi-otp-embedded p{font-size:14px}
.vandi-otp-frame-page .vandi-otp-actions button{font-size:14px;min-height:40px;padding:9px 14px}

.vandi-otp-security-help{color:#555d67}.vandi-otp .vandi-otp-reload{font-size:13px;min-height:36px}