body {
            background-color: #f8f9fa;
            animation: fadeIn 1s ease-in-out;
        }

        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }

        .card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
        }

        .btn-animated {
            transition: background-color 0.3s, transform 0.2s;
        }

        .btn-animated:hover {
            transform: scale(1.05);
        }

        .navbar-brand {
            font-weight: bold;
            font-size: 1.5rem;
        }