/* Global Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

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

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

::-webkit-scrollbar-thumb:hover {
    background: #CCFF00; 
}

/* Base Typography */
body {
    font-family: 'Inter', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rajdhani', sans-serif;
}

/* Futurism Utilities */
.clip-path-slant {
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}

.clip-path-slant-r {
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}

.text-stroke {
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.1);
    color: transparent;
}

/* Animations */
@keyframes glow {
    0% { box-shadow: 0 0 5px #CCFF00; }
    50% { box-shadow: 0 0 20px #CCFF00; }
    100% { box-shadow: 0 0 5px #CCFF00; }
}

.animate-glow {
    animation: glow 2s infinite;
}

/* Hero Background Pattern */
.bg-hero-pattern {
    background-image: url('../images/hero-banner.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* Map Filter */
.map-grayscale {
    filter: grayscale(100%) invert(92%) contrast(83%);
}

/* Input Focus Glow */
input:focus, textarea:focus {
    box-shadow: 0 0 0 2px rgba(204, 255, 0, 0.2);
}

/* Marquee Animation */
@keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.animate-marquee {
    animation: marquee 20s linear infinite;
}

.marquee-container:hover {
    animation-play-state: paused;
}