/* Custom styles */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

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

/* Password validation icons */
.password-requirement.valid {
    color: #10B981;
}

.password-requirement.valid i {
    color: #10B981;
}

/* Animation for form errors */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

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

/* Custom focus styles */
input:focus, select:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.3);
}

/* Transition effects */
input, select, button {
    transition: all 0.2s ease;
}