body {
            background-color: #121212;
            color: #ffffff;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            text-align: center;
            padding: 50px 20px;
        }

        .logo-img {
            height: 120px; 
             width: auto;   
             display: block;
             margin: 0 auto; 
             border-radius: 20px; 
              box-shadow: 0 4px 15px rgba(0,0,0,0.5); 
}

        .description {
            color: #aaaaaa;
            max-width: 600px;
            margin: 0 auto 30px auto;
            font-size: 18px;
            line-height: 1.5;
        }
        
        .video-container {
            margin: 30px auto; 
            max-width: 600px; 
            border-radius: 10px; 
            overflow: hidden; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.5);
        }

        .btn {
            display: inline-block; 
            padding: 15px 30px;
            margin: 10px;
            border-radius: 8px;
            text-decoration: none;
            font-weight: bold;
            transition: transform 0.2s;
        }
        .btn:hover { transform: scale(1.05); }
        
        .btn-android { background-color: #3DDC84; color: #000; }
        .btn-windows { background-color: #0078D7; color: #fff; }
        .btn-kofi { background-color: #FF5E5B; color: #fff; border: 2px solid #FF5E5B; }
        
        .container { max-width: 800px; margin: 0 auto; }
        .footer { margin-top: 50px; font-size: 12px; color: #555; }

        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }
            to {
                opacity: 1;
                transform: translateY(0); 
            }
        }

        .reveal {
            opacity: 0; 
            animation: fadeInUp 0.8s ease-out forwards;
        }

        .delay-1 { animation-delay: 0.2s; }
        .delay-2 { animation-delay: 0.4s; }
        .delay-3 { animation-delay: 0.6s; } 
        .delay-4 { animation-delay: 0.8s; } 
        .delay-5 { animation-delay: 1.0s; } 

    @keyframes wiggle {
        0% { transform: rotate(0deg) scale(1); }
        25% { transform: rotate(-3deg) scale(1.1); } 
        50% { transform: rotate(3deg) scale(1.1); }  
        75% { transform: rotate(-3deg) scale(1.1); } 
        100% { transform: rotate(0deg) scale(1); }   
    }

    .btn:hover {
        animation: wiggle 0.5s ease-in-out;
        background-color: #fff; 
        color: #000;
    }

.btn-home {
    position: absolute; 
    top: 20px;           
    left: 20px;          
    margin: 0;          
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    background-color: #2a2a2a;
    padding: 10px 20px;
    border-radius: 30px;
    font-weight: bold;
    font-family: sans-serif;
    border: 1px solid #444;
    transition: all 0.3s ease;
    z-index: 1000; 
}

.btn-home:hover {
    background-color: #00ff88; 
    color: #000000;            
    border-color: #00ff88;
    transform: translateX(-5px); 
    box-shadow: 0 0 10px rgba(0, 255, 136, 0.5); 
}

@media screen and (max-width: 768px) {
    .btn-home {
        position: relative; 
        display: block;      
        top: 0;
        left: 0;
        margin-bottom: 20px; 
        text-align: center; 
        width: fit-content;  
    }
}