body, html {
            margin: 0;
            padding: 0;
            height: 100%;
            width: 100%;
            background-color: #0a0a1a;
            color: #00ff9c;
            font-family: 'Courier New', monospace;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .container {
            text-align: center;
            padding: 2rem;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 8px;
            border: 1px solid rgba(0, 255, 156, 0.2);
            min-width: 300px;
        }

        .dot {
            height: 12px;
            width: 12px;
            background-color: #00ff9c;
            border-radius: 50%;
            display: inline-block;
            animation: pulse 3s infinite;
            box-shadow: 0 0 15px #00ff9c;
        }

        .message {
            color: #00ff9c;
            font-size: 16px;
            min-height: 20px;
            display: inline-block;
            text-shadow: 0 0 5px #00ff9c;
        }

        @keyframes pulse {
            0% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 15px #00ff9c;
            }
            50% {
                transform: scale(1.2);
                opacity: 0.5;
                box-shadow: 0 0 25px #00ff9c;
            }
            100% {
                transform: scale(1);
                opacity: 1;
                box-shadow: 0 0 15px #00ff9c;
            }
        }

        .hidden-link {
            position: fixed;
            bottom: 15px;
            right: 15px;
            font-size: 14px;
            color: rgba(0, 255, 156, 0.2);
            text-decoration: none;
            transition: all 0.3s ease;
            padding: 8px;
            border-radius: 4px;
            background: rgba(0, 255, 156, 0.02);
        }

        .hidden-link:hover {
            color: rgba(0, 255, 156, 0.8);
            text-shadow: 0 0 10px rgba(0, 255, 156, 0.8);
            transform: scale(1.3);
            background: rgba(0, 255, 156, 0.1);
            box-shadow: 0 0 15px rgba(0, 255, 156, 0.3);
        }

        @keyframes subtle-pulse {
            0% { opacity: 0.2; }
            50% { opacity: 0.4; }
            100% { opacity: 0.2; }
        }

        .glitch {
            animation: glitch-animation 0.5s infinite;
        }

        @keyframes glitch-animation {
            0% {
                transform: translate(0);
                filter: hue-rotate(0deg);
            }
            25% {
                transform: translate(-2px, 2px);
                filter: hue-rotate(90deg);
                opacity: 0.8;
            }
            50% {
                transform: translate(2px, -2px);
                filter: hue-rotate(180deg);
                opacity: 0.9;
            }
            75% {
                transform: translate(-2px, -2px);
                filter: hue-rotate(270deg);
                opacity: 0.8;
            }
            100% {
                transform: translate(0);
                filter: hue-rotate(360deg);
            }
        }

        .vhs-effect {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            background: repeating-linear-gradient(
                0deg,
                rgba(0, 0, 0, 0.1),
                rgba(0, 0, 0, 0.1) 1px,
                transparent 1px,
                transparent 2px
            );
            animation: scan-lines 10s linear infinite;
        }

        @keyframes scan-lines {
            from {
                background-position: 0 0;
            }
            to {
                background-position: 0 100%;
            }
        }