.ts-otp-wrapper.ts-otp-wrapper { --text: #252525; --navy: #403e88; --cyan: #00afef; --soft: #f8f8fb; --grad: linear-gradient(135deg, #403e88, #403e88);box-sizing: border-box; width: calc(100% - 32px); max-width: 460px; margin: 56px auto; padding: 32px; border: 1px solid #e7e7f1; border-radius: 24px; background: #fff; box-shadow: 0 12px 40px rgba(61,62,133,.07); color: var(--text); }
.ts-otp-brand { text-align: center; margin-bottom: 28px; }
.ts-otp-brand a { display: inline-block; }
.ts-otp-brand img { width: 205px; max-width: 100%; height: auto; }
.ts-otp-brand h1 { font-size: 22px; font-weight: 800; color: var(--navy); margin: 24px 0 10px; }
.ts-otp-brand p { font-size: 13px; color: #828797; line-height: 1.9; }
.ts-otp-wrapper label { font-size: 14px; font-weight: 700; margin-bottom: 10px; }
.ts-otp-wrapper input[type="text"], .ts-otp-wrapper input[type="password"], .ts-otp-wrapper input[type="email"], .ts-otp-wrapper input[type="tel"] { width: 100%; min-height: 56px; height: 56px; border: 1px solid #e7e7f1; border-radius: 13px; background: var(--soft); padding: 12px 16px; margin-bottom: 20px; font: inherit; font-size: 14px; box-sizing: border-box; }

.ts-otp-wrapper input::placeholder { color: #9296a4; }
.ts-otp-wrapper .ts-otp-submit, .ts-otp-wrapper #ts-otp-verify-button, .ts-otp-wrapper #ts-otp-send-button { min-height: 54px; border-radius: 13px;  color: #fff; font: inherit; font-weight: 800; }
.ts-otp-wrapper #ts-otp-resend-button, .ts-otp-wrapper #ts-otp-edit-identifier { color: var(--navy); font: inherit; font-size: 12px; }
.ts-otp-wrapper .ts-otp-current-identifier { padding: 14px; border-radius: 12px; background: #e6f7fe; font-size: 13px; line-height: 1.9; gap: 12px; }
.ts-otp-wrapper #ts-otp-message, .ts-otp-wrapper #ts-fast-login-message { border-radius: 12px; font-size: 13px; line-height: 1.9; }
.ts-otp-wrapper #ts-otp-message[data-type="error"], .ts-otp-wrapper .ts-message.ts-error { background: #fff0f0; }
.ts-otp-wrapper #ts-otp-message[data-type="success"], .ts-otp-wrapper .ts-message.ts-success { background: #e9f9f2; }
.ts-otp-wrapper [hidden] { display: none !important; }
@media (max-width: 575px) { .ts-otp-wrapper.ts-otp-wrapper { margin: 32px auto; padding: 24px; } }