.auth-card { max-width: 460px; }

.auth-tabs { display: flex; gap: 8px; margin-bottom: 25px; background: #F1F5F9; padding: 5px; border-radius: 10px; }
.auth-tabs a {
    flex: 1;
    text-align: center;
    padding: 9px 5px;
    border-radius: 8px;
    text-decoration: none;
    color: var(--text-muted);
    font-weight: 600;
    font-size: 0.95rem;
}
.auth-tabs a.active { background: var(--primary-color); color: var(--gold-solid); }

.auth-links { margin-top: 20px; text-align: center; color: var(--text-muted); line-height: 2; }
.auth-links a { color: var(--primary-color); font-weight: 700; }

.otp-input {
    text-align: center !important;
    letter-spacing: 12px;
    font-size: 1.6rem !important;
    direction: ltr;
}

.dev-hint {
    background: #FEF9C3;
    border: 1px dashed #CA8A04;
    color: #854D0E;
    padding: 10px 14px;
    border-radius: 8px;
    margin: 15px 0 20px;
    font-size: 0.9rem;
}
.resend-form { text-align: center; margin-top: 15px; }