:root {
            --club-green: #12a81f;
            --club-yellow: #f0e00e;
            --club-red: #e02122;
            --club-black: #000000;
            --club-grey: #1a1a1a;
            --text-light: #eeeeee;
            --facebook-blue: #1877F2;
        }

        body {
            font-family: 'Montserrat', sans-serif;
            background-color: var(--club-black);
            color: var(--text-light);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* HEADINGS & NAV */
        h1, h2, h3, h4, .navbar-brand, .nav-link, .btn-hero, .event-date, #backToTop {
            font-family: 'Bebas Neue', sans-serif;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        /* BODY LINKS */
        a {
            color: var(--club-yellow);
                       text-decoration: none;
            transition: 0.3s;
            font-family: 'Montserrat', sans-serif;
            text-transform: none;
            letter-spacing: normal;
        }


        .nav-link {
            font-family: 'Bebas Neue', sans-serif !important;
            text-transform: uppercase !important;
            font-size: 1.5rem;
            color: var(--club-white) !important;
            margin: 0 10px;
            font-weight: normal;
        }

        a:hover, a:active, .nav-link:hover, .nav-link.active {
            color: var(--club-green) !important;
            text-decoration: none !important;
        }

        .text-yellow { color: var(--club-yellow) !important; }
        .text-red { color: var(--club-red) !important; }
        .text-green { color: var(--club-green) !important; }
        
        /* Facebook Brand Color */
        .fa-facebook, .fa-facebook-square { color: var(--facebook-blue) !important; }

        h1 { 
            font-size: clamp(3.5rem, 10vw, 8rem); 
            line-height: 1; 
            text-shadow: 5px 5px 0px var(--club-green);
            color: var(--club-yellow);
        }

        h2 { font-size: clamp(2.8rem, 6vw, 5rem); color: var(--club-yellow); margin-bottom: 2rem; text-shadow: 5px 5px 0px var(--club-black);}
        h3 { color: var(--club-yellow); text-shadow: 5px 5px 0px var(--club-black); }

        /* SECTION LAYOUT */
        section {
            padding: 120px 0;
            min-height: 100vh;
            display: flex;
            align-items: center;
            background-size: cover;
            background-position: center 10%;
            background-attachment: fixed;
            position: relative;
        }

        .section-overlay {
            position: absolute;
            top: 0; left: 0; width: 100%; height: 100%;
            background: linear-gradient(to bottom, rgba(0,0,0,0.85), rgba(0,0,0,0.4), rgba(0,0,0,0.85));
            z-index: 1;
        }

        .container { position: relative; z-index: 2; }

        /* NAVBAR */
        .navbar {
            background-color: rgba(0, 0, 0, 0.95) !important;
            border-bottom: 6px solid var(--club-green);
            padding: 0.5rem 0;
        }
        .navbar-brand img { height: 95px; }
        .brand-main { font-size: 2.1rem; color: var(--club-yellow); display: block; line-height: 1; }
        .brand-sub { font-size: 1.2rem; color: var(--club-green); display: block; line-height: 1; }

        /* BUTTONS */
        .btn-hero {
            position: relative;
            font-size: 2.2rem;
            padding: 15px 50px;
            margin: 15px;
            color: var(--club-black) !important;
            background: var(--club-yellow);
            border: none;
            clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
            transition: all 0.3s ease;
            text-decoration: none !important;
            display: inline-block;
            font-weight: bold;
            text-align: center;
        }

        .btn-hero:hover {
            transform: scale(1.1) rotate(-2deg);
            background: var(--club-green);
            color: white !important;
            text-decoration: none !important;
        }

        .btn-support { background: var(--club-green); color: var(--club-yellow) !important; }

        /* BACK TO TOP */
        #backToTop {
            position: fixed;
            bottom: 30px;
            right: 30px;
            z-index: 99;
            display: none;
            border: none;
            background-color: var(--club-green);
            color: var(--club-yellow);
            padding: 15px;
            border-radius: 5px;
            transition: 0.3s;
        }

        /* CARDS & MISSION */
        .club-card { 
            background: rgba(10, 10, 10, 0.95); 
            border: 4px solid var(--club-green); 
            padding: 40px; 
        }

        .mission-box { 
            font-size: 1.6rem; 
            font-style: italic; 
            border-left: 10px solid var(--club-red); 
            padding: 30px; 
            background: rgba(0,0,0,0.85); 
            box-shadow: 10px 10px 0px var(--club-green);
        }

        /* SPONSORS */
        .sponsor-card {
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--club-grey);
            border-radius: 12px;
            padding: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 160px;
            transition: 0.4s;
        }

        .sponsor-logo {
            max-width: 85%;
            max-height: 85%;
            filter: grayscale(100%);
            transition: 0.4s;
        }

        .sponsor-card:hover .sponsor-logo { filter: grayscale(0%); }

        /* EVENTS */
        .event-row {
            background: rgba(15, 15, 15, 0.95);
            border-left: 8px solid var(--club-yellow);
            margin-bottom: 25px;
            padding: 30px;
            transition: 0.3s;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .event-date {
            font-size: 3rem;
            color: var(--club-red);
            min-width: 140px;
            text-align: center;
            border-right: 2px solid #444;
            margin-right: 30px;
        }
        .event-date span { display: block; font-size: 1.2rem; color: green; }

        /* GALLERY */
        .swiper-container-gallery { padding: 50px 0 20px 0; overflow: hidden; position: relative; }
        .gallery-slide { height: 250px; border: 2px solid var(--club-green); overflow: hidden; }
        .gallery-img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; }

        /* BACKGROUND ASSETS */
        #home { background-image: url('../images/backgrounds/home-bg.jpg'); }
        #about { background-image: url('../images/backgrounds/about-bg.jpg'); }
        #history { background-image: url('../images/backgrounds/history-bg.jpg'); }
        #support { background-image: url('../images/backgrounds/support-bg.jpg'); }
        #events { background-image: url('../images/backgrounds/events-bg.jpg'); }
        #media { background-image: url('../images/backgrounds/media-bg.jpg'); }
        #contact { background-image: url('../images/backgrounds/contact-bg.jpg'); }

        footer { padding: 80px 0; background: #000; border-top: 15px solid var(--club-red); text-align: center; }