/* Custom CSS for Login Page */

body {
    background: #1e1e2f;
    color: #fff;
}

.login-container {
    animation: fadeIn 2s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.card {
    border-radius: 15px;
}

.form-control {
    border-width: 2px;
}

.form-control:focus {
    box-shadow: 0 0 10px #fc8139;
    border-color: #fc8139;
}

.btn-primary {
    background-color: #fc8139;
    border: none;
}

.btn-primary:hover {
    background-color: #fc8139;
    box-shadow: 0 0 10px #fc8139;
}

.flash-messages .alert {
    animation: slideIn 1s ease-in-out;
}

@keyframes slideIn {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}