body {
            margin: 0;
            padding: 0;
            height: 100vh;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            background: linear-gradient(to bottom, #5DADE2, #217dbb, #14568c);
            overflow: hidden;
            color: white;
            font-family: Arial, sans-serif;
            text-align: left;
            position: relative;
            padding: 20px;
        }

        .content {
            flex: 1;
        }

        h1 {
            font-size: 3rem;
            text-shadow: 2px 2px 10px rgba(255, 255, 255, 0.5);
        }

        .headlines {
            width: 250px;
            background: rgba(255, 255, 255, 0.2);
            padding: 15px;
            border-radius: 8px;
            position: absolute;
            right: 20px;
            top: 20px;
        }

        .headlines h2 {
            font-size: 1.5rem;
            margin-bottom: 10px;
            text-align: center;
        }

        .headlines ul {
            list-style: none;
            padding: 0;
        }

        .headlines li {
            margin-bottom: 8px;
            font-size: 1rem;
            padding: 5px;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 50px;
            text-align: center;
            transition: 0.3s;
        }

        .headlines li:hover {
            background: rgba(255, 255, 255, 0.5);
            transform: scale(1.05);
        }

        .headlines li a {
            text-decoration: none;
            color: white;
            font-weight: bold;
        }

        .download-button {
            display: inline-block;
            margin-top: 20px;
            padding: 15px 20px;
            font-size: 18px;
            text-decoration: none;
            color: white;
            background: rgba(255, 255, 255, 0.3);
            border-radius: 8px;
            transition: 0.3s;
        }

        .download-button:hover {
            background: rgba(255, 255, 255, 0.5);
        }

        .wave {
            position: absolute;
            top: 0;
            width: 100%;
            height: 15%;
            background: url('data:image/svg+xml;base64,...') repeat-x;
            animation: wave-animation 10s linear infinite;
        }

        @keyframes wave-animation {
            0% { transform: translateX(0); }
            100% { transform: translateX(-100%); }
        }

        /* Bubbles effect */
        .bubbles {
            position: absolute;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: -1;
        }

        .bubble {
            position: absolute;
            bottom: -50px;
            width: 20px;
            height: 20px;
            background: rgba(255, 255, 255, 0.5);
            border-radius: 50%;
            animation: bubble-animation linear infinite;
        }

        @keyframes bubble-animation {
            0% { transform: translateY(0) scale(1); opacity: 1; }
            100% { transform: translateY(-100vh) scale(1.5); opacity: 0; }
        }

        .status-container {
            width: 100%;
            height: 300px;
            border: none;
            display: block;
            margin-top: 20px;
        }

        .nav-button {
           display: block;
           width: 200px;
           margin: 10px;
           padding: 15px;
           font-size: 18px;
           text-decoration: none;
           color: white;
           background: rgba(255, 255, 255, 0.3);
           border-radius: 8px;
           transition: 0.3s;
           text-align: center;
           font-weight: bold;
}

        .nav-button:hover {
           background: rgba(255, 255, 255, 0.5);
           transform: scale(1.05);
}