body {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            height: 100vh;
            background: linear-gradient(135deg, #1e1e1e, #3a3a3a);
            text-align: center;
            overflow: hidden;
            padding-top: 50px;
            color: #ffffff;
        }
        .container {
            max-width: 600px;
            animation: fadeIn 2s ease-in-out;
        }
        h1 {
            font-size: 3rem;
            font-weight: bold;
            text-shadow: 0 0 20px rgba(255, 255, 255, 0.6);
            animation: glow 1.5s infinite alternate;
        }
        p {
            font-size: 1.4rem;
            margin-top: 15px;
            opacity: 0.8;
            animation: fadeIn 3s ease-in-out;
        }
footer {
    width: 100%;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
}
   	
        @keyframes fadeIn {
            from { opacity: 0; }
            to { opacity: 1; }
        }
        @keyframes glow {
            from { text-shadow: 0 0 10px rgba(255, 255, 255, 0.4); }
            to { text-shadow: 0 0 30px rgba(255, 255, 255, 0.9); }
        }
        .sparkle {
            position: absolute;
            width: 10px;
            height: 10px;
            background-color: #fff;
            border-radius: 50%;
            opacity: 0;
            animation: sparkle 2s infinite ease-in-out;
        }
        @keyframes sparkle {
            0% { transform: scale(0); opacity: 0; }
            50% { transform: scale(1); opacity: 1; }
            100% { transform: scale(0); opacity: 0; }
        }