/* Base Settings */
body {
    font-family: 'Inter', sans-serif;
    background-color: #000;
}

/* Typography Overrides */
h1,
h2,
h3,
.brand-font {
    font-family: 'Space Grotesk', sans-serif;
}

/* Custom Scrollbar (Webkit) */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: #000;
}

::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #FF0033;
    /* Cardinal red on hover */
}

/* Background grid styling */
.bg-grid {
    background-size: 40px 40px;
    mask-image: linear-gradient(to bottom, transparent, 10%, white, 90%, transparent);
    -webkit-mask-image: linear-gradient(to bottom, transparent, 10%, white, 90%, transparent);
}

/* Just in case you still use the old video class somewhere */
.hologram-video {
    mix-blend-mode: screen;
    /* Makes black transparent over background */
    opacity: 0.85;
}

/* ============================== */
/* NAVBAR HOVER — CYAN GLOW EFFECT */
/* ============================== */

.nav-links a {
    color: #fff;
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

.nav-links a:hover {
    color: #00eaff; /* Neon cyan */
    text-shadow: 0 0 8px rgba(0, 234, 255, 0.8);
}

/* NAVBAR HOVER — CYAN GLOW EFFECT */
#navbar a:not(.rounded-full) {
    transition: color 0.25s ease, text-shadow 0.25s ease;
}

#navbar a:not(.rounded-full):hover {
    color: #00eaff !important; /* Neon cyan */
    text-shadow: 0 0 10px rgba(0, 234, 255, 0.85);
}

/* HOVER SCALE + BOLD EFFECT */
#navbar a:not(.rounded-full) {
    transition:
        color 0.25s ease,
        text-shadow 0.25s ease,
        transform 0.25s ease,
        font-weight 0.25s ease;
}

#navbar a:not(.rounded-full):hover {
    color: #00eaff !important;
    text-shadow: 0 0 11px rgba(0, 234, 255, 0.85);
    transform: scale(1.12);      /* Slight pop */
    font-weight: 800;            /* Bold on hover */
}

.scroll-arrow {
    width: 0;
    height: 0;
    margin: 100px auto 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 15px solid #ff003c; /* Cardinal Red */
    animation: arrowPulse 1.1s infinite ease-in-out;
    filter: drop-shadow(0 0 12px #429ff6);
    opacity: 0.95;
}

@keyframes arrowPulse {
    0%, 100% {
        transform: translateY(0);
        opacity: 0.6;
    }
    50% {
        transform: translateY(12px);
        opacity: 1;
    }
}