.klats-otp-login { max-width: 520px; margin: 0 auto; padding: 16px; }
.klats-otp-head h2 { margin: 0 0 6px; }
.klats-otp-head p { margin: 0 0 14px; opacity: .8; }
.klats-otp-error {
    border: 1px solid #fecaca; background:#fee2e2; color:#7f1d1d;
    border-radius: 12px; padding: 10px 14px; margin: 0 0 14px;
}
.klats-otp-form { margin: 0 0 10px; }
.klats-otp-field label { display:block; margin: 0 0 6px; font-weight: 600; }
.klats-otp-field input {
    width: 100%; height: 44px; border-radius: 10px; border: 1px solid #d1d5db;
    padding: 0 12px; font-size: 16px;
}
.klats-otp-btn {
    width: 100%; height: 44px; border-radius: 10px; border: 0;
    background: #2563eb; color: #fff; font-weight: 700; cursor: pointer;
}
.klats-otp-btn:disabled { opacity: .6; cursor: not-allowed; }
.klats-otp-btn--ghost { background: #f3f4f6; color: #111827; }
.klats-otp-hint { font-size: 13px; opacity: .75; margin-top: 6px; }
.klats-otp-help { margin-top: 10px; }