.material-symbols-outlined {
            font-family: 'Material Symbols Outlined';
            font-weight: normal;
            font-style: normal;
            font-size: 20px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;
            -webkit-font-feature-settings: 'liga';
            -webkit-font-smoothing: antialiased;
        }

        .neon-border-glow:hover {
            box-shadow: 0 0 20px -2px rgba(0, 229, 255, 0.35);
            border-color: #00e5ff;
        }

        .neon-purple-glow:hover {
            box-shadow: 0 0 20px -2px rgba(168, 85, 247, 0.4);
            border-color: #ddb7ff;
        }

        body {
            background-color: #0D0E12;
            color: #e3e2e7;
        }

        .specular-border {
            border: 1px solid rgba(248, 250, 252, 0.08);
        }

        .specular-border-cyan:hover {
            border-color: #00E5FF;
            box-shadow: 0 0 16px -2px rgba(0, 229, 255, 0.35);
        }

        .btn-sonic {
            background-color: #00E5FF;
            color: #0D0E12;
            transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .btn-sonic:hover {
            background-color: transparent;
            outline: 1px solid #00E5FF;
            color: #F8FAFC;
            box-shadow: 0 0 14px rgba(0, 229, 255, 0.4);
        }

        .btn-telemetry {
            background-color: transparent;
            border: 1px solid rgba(248, 250, 252, 0.2);
            color: #F8FAFC;
            transition: all 0.2s ease;
        }

        .btn-telemetry:hover {
            border-color: #ddb7ff;
            color: #ddb7ff;
            box-shadow: 0 0 12px rgba(221, 183, 255, 0.25);
        }


        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }

        .specular-border {
            border: 1px solid rgba(248, 250, 252, 0.08);
        }

        .specular-border:hover {
            border-color: #00e5ff;
            box-shadow: 0 0 16px -2px rgba(0, 229, 255, 0.35);
        }

        .neon-pulse {
            animation: pulse-glow 2.5s infinite ease-in-out;
        }

        @keyframes pulse-glow {

            0%,
            100% {
                opacity: 0.8;
                filter: drop-shadow(0 0 8px rgba(0, 229, 255, 0.4));
            }

            50% {
                opacity: 1;
                filter: drop-shadow(0 0 16px rgba(0, 229, 255, 0.7));
            }
        }


        /* Aktiivinen navigaatiolinkki */
        nav a.nav-active {
            color: #00e5ff;
            border-bottom: 2px solid #00e5ff;
            font-weight: 600;
        }

        /* hCatchan skaalaaminen mobiiliin */
        .h-captcha {
            max-width: 100%;
        }

        @media (max-width: 400px) {
            .h-captcha {
                transform: scale(0.75);
                transform-origin: left top;
                margin-bottom: -10px;
            }
        }