:root {
            --primary-bg: #EFEFEF;
            --accent-green: #537D5D;
            --black: #1A1A1A;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Red Hat Text', sans-serif;
            background-color: var(--primary-bg);
            color: var(--black);
            overflow-x: hidden;
        }

        /* Utility Classes */
        .bg-accent { background-color: var(--accent-green); color: var(--white); }
        .text-accent { color: var(--accent-green); }
        
        /* Header Nav Hover */
        .nav-link {
            position: relative;
            padding-bottom: 4px;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--black);
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }

        /* Hero Button Hover */
        .hero-btn {
            border: 1px solid white;
            transition: all 0.4s ease;
        }
        .hero-btn:hover {
            background-color: white;
            color: black;
        }

        /* Animations */
        .reveal-up { opacity: 0; transform: translateY(30px); }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--primary-bg); }
        ::-webkit-scrollbar-thumb { background: var(--accent-green); border-radius: 10px; }

        /* Card Scale */
        .hover-card {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .hover-card:hover {
            transform: scale(1.03);
            box-shadow: 0 20px 40px rgba(0,0,0,0.05);
        }

        /* Filter Active State */
        .filter-btn.active {
            background: var(--accent-green);
            color: white;
            border-color: var(--accent-green);
        }

        .page { display: none; opacity: 0; }
        .page.active { display: block; opacity: 1; }

        /* Login/Signup Overlays */
        .auth-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.6);
            backdrop-filter: blur(8px);
            z-index: 2000;
            display: none;
            align-items: center;
            justify-content: center;
        }