body {
            background: linear-gradient(45deg, #6a11cb, #2575fc);
            font-family: 'Inter', sans-serif;
            animation: fadeIn 1s ease-in-out;
        }

        /* Animation de fade-in */
        @keyframes fadeIn {
            0% { opacity: 0; }
            100% { opacity: 1; }
        }

        .card {
            border-radius: 15px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            background: #ffffff;
            padding: 40px 30px;
            margin-top: 10px;
            opacity: 0;
            animation: fadeIn 1s ease-in-out 0.5s forwards;
        }

        .card-body {
            background: #f9f9f9;
            border-radius: 15px;
        }

        .form-control {
            border-radius: 25px;
            border: 1px solid #ddd;
            transition: transform 0.3s ease;
        }

        .form-control:focus {
            transform: scale(1.05);
            box-shadow: 0 0 8px rgba(37, 117, 252, 0.6);
        }

        .btn-primary {
            background: #2575fc;
            border-radius: 25px;
            padding: 12px;
            font-size: 18px;
            transition: background-color 0.3s ease, transform 0.3s ease;
        }

        .btn-primary:hover {
            background: #6a11cb;
            transform: scale(1.05);
        }

        .text-center h1 {
            font-weight: 600;
            color: #333;
            animation: slideInFromTop 1s ease-out;
        }

        @keyframes slideInFromTop {
            0% { transform: translateY(-50px); opacity: 0; }
            100% { transform: translateY(0); opacity: 1; }
        }

        .text-center p {
            color: #888;
            margin-bottom: 20px;
            animation: fadeIn 1.5s ease-out;
        }

        .alert {
            display: inline-block;
            margin-top: 20px;
            margin-bottom: 30px;
            border-radius: 10px;
            opacity: 0;
            animation: fadeIn 1s ease-in-out 0.5s forwards;
        }

        a {
            text-decoration: none;
            color: #2575fc;
            transition: color 0.3s ease;
        }

        a:hover {
            color: #6a11cb;
        }

        .d-grid {
            margin-top: 20px;
        }

        /* Effet de transition au focus sur les champs */
        .form-control {
            transition: all 0.3s ease-in-out;
        }