/* ================================================================
   otp.css — OTP Verification Page Styles
================================================================ */
.otp-help { text-align: center; color: var(--muted); margin: 2px 0 18px; font-size: 0.95rem; }
.otp-input {
    width: 100%; padding: 16px; border: 1.5px solid var(--line); border-radius: var(--radius);
    font-family: inherit; font-size: 1.9rem; text-align: center; letter-spacing: 0.55em;
    font-weight: 700; color: var(--ink); background: var(--field-bg);
}
.otp-input:focus { outline: none; border-color: var(--indigo); box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.22); }
.otp-form { margin-bottom: 18px; }
.resend-form { text-align: center; border-top: 1px solid var(--line); padding-top: 18px; }
.resend-text { margin: 0 0 10px; color: var(--muted); font-size: 0.92rem; }
.back-link { display: block; text-align: center; margin-top: 18px; color: var(--muted); text-decoration: none; font-size: 0.92rem; }
.back-link:hover { color: var(--cyan); }