body {
    background-color: #050505;
    background-image:
        radial-gradient(circle at 8% -12%, rgba(57, 255, 20, 0.12), transparent 34%),
        radial-gradient(circle at 84% -14%, rgba(57, 255, 20, 0.09), transparent 38%);
}

.optivex-brand {
    position: relative;
    display: inline-block;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    animation: optivexSurge 3.2s ease-in-out infinite;
}

.optivex-brand::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(57, 255, 20, 0.85), transparent);
    transform-origin: center;
    animation: optivexScan 3.2s ease-in-out infinite;
}

@keyframes optivexSurge {
    0%,
    100% {
        text-shadow: 0 0 0 rgba(57, 255, 20, 0);
        transform: translateY(0);
    }

    45% {
        text-shadow: 0 0 12px rgba(57, 255, 20, 0.4), 0 0 24px rgba(57, 255, 20, 0.18);
        transform: translateY(-1px);
    }

    65% {
        text-shadow: 0 0 16px rgba(57, 255, 20, 0.5), 0 0 30px rgba(57, 255, 20, 0.22);
        transform: translateY(0);
    }
}

@keyframes optivexScan {
    0%,
    100% {
        opacity: 0.2;
        transform: scaleX(0.25);
    }

    50% {
        opacity: 0.9;
        transform: scaleX(1);
    }
}

.glass-nav {
    background: rgba(5, 5, 5, 0.84) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(57, 255, 20, 0.14) !important;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.5);
}

.pitch-line::after {
    background: #39ff14 !important;
    box-shadow: 0 0 12px #39ff14 !important;
}