body {
    font-family: 'Outfit', sans-serif;
}

.auth-card {
    border-radius: 1.5rem;
}

.branding-side {
    background: linear-gradient(135deg, #1a1a2e 0%, #0d0d0d 100%);
}

.form-control {
    padding: 0.75rem 1rem;
}

.form-control:focus {
    box-shadow: none;
    border: 1px solid #0d6efd !important;
}

.tracking-wide {
    letter-spacing: 5px;
}

/* OTP Ring Countdown Styling */
.otp-ring-svg {
    transform: rotate(-90deg);
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
    20%, 40%, 60%, 80% { transform: translateX(4px); }
}

.shake-warn {
    animation: shake 0.4s ease-in-out;
}