body {        
            margin: 0;
            font-family: 'Arial', sans-serif;
            background: linear-gradient(120deg, #84fab0, #8fd3f4);
            color: #333;
        }
        header {
            background: #003366;
            color: #fff;
            padding: 1em 0;
            text-align: center;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
        }
        header h1 {
            margin: 0;
            font-size: 2.5em;
            animation: glow 1.5s infinite alternate;
        }
        @keyframes glow {
            from { text-shadow: 0 0 5px #fff; }
            to { text-shadow: 0 0 20px #00ffcc; }
        }
        nav {
            margin-top: 1em;
        }
        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 1em;
            font-size: 1.2em;
            transition: color 0.3s ease;
        }
        nav a:hover {
            color: #00ffcc;
        }
        main {
            padding: 2em;
            text-align: center;
            animation: fadeIn 2s ease;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }
        main h2 {
            font-size: 2em;
            color: #003366;
        }
        footer {
            background: #003366;
            color: #fff;
            text-align: center;
            padding: 1em 0;
            position: fixed;
            bottom: 0;
            width: 100%;
            box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
        }
        footer p {
            margin: 0;
            font-size: 0.9em;
        }
        footer a {
            color: #00ffcc;
            text-decoration: none;
            font-size: 1.2em;
        }
        footer a:hover {
            text-decoration: underline;
        }