body {
            font-family: 'Roboto Mono', monospace;
            background-color: #2E2E2E;
            color: #F5F5F5;
            scroll-behavior: smooth;
        }

        h1, h2, h3, .heading-orbitron {
            font-family: 'Orbitron', sans-serif;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #2E2E2E; }
        ::-webkit-scrollbar-thumb { background: #B71C1C; border-radius: 10px; }

        /* Page Transitions */
        .page-view { display: none; animation: fadeIn 0.5s ease-in-out; }
        .page-view.active { display: block; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        /* Hero Parallax & Textures */
        .tire-track-bg {
            background-image: url('https://www.transparenttextures.com/patterns/asphalt-dark.png');
            background-attachment: fixed;
        }

        .hero-gradient {
            background: linear-gradient(135deg, rgba(183, 28, 28, 0.9) 0%, rgba(46, 46, 46, 0.4) 60%);
        }

        /* Mixing Fade Theme (White to CyberLime) */
        .fade-mix {
            background: linear-gradient(180deg, #FFFFFF 0%, #B6F500 100%);
            color: #2E2E2E;
        }

        /* Card Interactions */
        .vehicle-card {
            border: 1px solid #C0C0C0;
            background: #1a1a1a;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }
        .vehicle-card:hover {
            border-color: #A3FF00;
            box-shadow: 0 0 20px rgba(163, 255, 0, 0.3);
            transform: scale(1.02);
        }

        /* Nav Hover */
        .nav-link { transition: color 0.3s ease; }
        .nav-link:hover { color: #A3FF00; }

        /* Reveal on Scroll */
        .reveal { opacity: 0; transform: translateY(30px); transition: 0.8s all ease; }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Custom Slider */
        .slider-img { transition: transform 0.8s ease; }

        /* Login Blur */
        .glass-panel {
            background: rgba(46, 46, 46, 0.8);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(192, 192, 192, 0.2);
        }


/* Hamburger animation */
#hamburger.open span:nth-child(1) {
    transform: rotate(45deg) translateY(7px);
}
#hamburger.open span:nth-child(2) {
    opacity: 0;
}
#hamburger.open span:nth-child(3) {
    transform: rotate(-45deg) translateY(-7px);
}