body, html {
            margin: 0; padding: 0; width: 100%; height: 100%;
            background: #000060; overflow: hidden;
            display: flex; justify-content: center; align-items: center;
            font-family: 'Bangers', cursive;
        }

        /* Comic-Wellen */
        .ocean {
            position: absolute; width: 100%; height: 100%;
            bottom: 0; left: 0; background: transparent;
        }

        .wave {
            position: absolute; bottom: -120px; left: -50%;
            width: 200%; height: 800px;
            background: #1a23ff; border-radius: 43%;
            animation: drift 12s infinite linear;
            opacity: 0.6; border: 8px solid black;
        }

        .wave.two { bottom: -100px; animation: drift 16s infinite linear; opacity: 0.4; background: #0007b3; }
        .wave.three { bottom: -80px; animation: drift 20s infinite linear; opacity: 0.2; background: #000580; }

        @keyframes drift {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /* Das weiße Panel mit Pump-Effekt */
        .panel {
            position: relative; z-index: 100;
            background: #e0e0e0; padding: 40px 60px;
            border: 6px solid #000; box-shadow: 20px 20px 30px 0px rgba(10, 10, 10, 1);
            border-radius: 20px;
            text-align: center; max-width: 85%;
            /* Neues sanftes Pumpen */
            animation: pulse 3s ease-in-out infinite;
        }

        @keyframes pulse {
            0% { transform: scale(1) rotate(0deg); }
            50% { transform: scale(1.05) rotate(0.5deg); } /* Leichtes Vergrößern und Neigen */
            100% { transform: scale(1) rotate(0deg); }
        }

        .domain-container {
            display: flex; gap: 10px; justify-content: center; flex-wrap: wrap;
        }

        .block {
            background: #00b3b3; color: white;
            border: 4px solid #000; padding: 12px 18px;
            border-radius: 10px;
            font-size: 3.5rem; box-shadow: 6px 6px 30px 0px #303030;
            animation: slowPop 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
            text-transform: lowercase;
        }

        @keyframes slowPop {
            0% { transform: scale(0) rotate(-15deg); opacity: 0; }
            100% { transform: scale(1) rotate(0deg); opacity: 1; }
        }