 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        @keyframes fade-in {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .animate-fade-in {
            animation: fade-in 1s ease-out;
        }
    </style>

</head>
<body class="bg-gradient-to-r from-gray-100 to-green-50 text-gray-900">
    <!-- Navbar -->
    <nav class="bg-green-900 text-white p-4 shadow-md relative">
        <div class="container mx-auto f