/* Authentication Pages Styles */

/* Fix Chrome autofill background */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #12182b inset !important;
    -webkit-text-fill-color: #e5e7eb !important;
    transition: background-color 5000s ease-in-out 0s;
}

/* Auth page layout */
.auth-container {
    min-h-screen;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Fade in animation for auth views */
@keyframes fadeInUp {
    0% { 
        opacity: 0; 
        transform: translateY(15px);
    }
    100% { 
        opacity: 1; 
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}