/* --- CORE VARIABLES --- */
        :root {
            --glass-bg: rgba(255, 255, 255, 0.03);
            --glass-border: rgba(255, 255, 255, 0.1);
            --text-color: #ffffff;
        }

        /* --- RESET & BODY --- */
        * { box-sizing: border-box; margin: 0; padding: 0; }
        
        body {
            /* REMOVE BACKGROUND IN PRODUCTION */
            background: linear-gradient(135deg, #0f0f0f 0%, #1a1a1a 100%); 
            font-family: 'Montserrat', sans-serif;
            color: var(--text-color);
            height: 100vh;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* --- HOME CONTAINER --- */
        .glass-container-home {
            width: 95%; 
            height: 40%; 
            position: relative;
            background: var(--glass-bg);
            backdrop-filter: blur(5px); 
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid var(--glass-border);
            display: flex; flex-direction: column;
            padding:40px;
            margin: 1px auto;
            border-radius:8px; 
            opacity: 0.01;
        }

        /* --- HERO SECTION (SPLIT SCREEN) --- */
        .hero-center {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            width: 100%;
        }

        /* The Crosshair Graphic */
        .hero-crosshair {
            position: absolute;
            width: 600px; height: 600px;
            border: 1px solid rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            pointer-events: none;
            left: 50%; top: 50%;
            transform: translate(-50%, -50%);
        }
        
        /* Crosshair Lines */
        .hero-crosshair::before { /* Vertical */
            content: ''; position: absolute;
            top: -50vh; bottom: -50vh; left: 50%;
            width: 1px; background: rgba(255, 255, 255, 0.15);
        }
        .hero-crosshair::after { /* Horizontal */
            content: ''; position: absolute;
            left: -50vw; right: -50vw; top: 50%;
            height: 1px; background: rgba(255, 255, 255, 0.15);
        }

        /* The Grid that holds Content */
        .hero-grid {
            display: grid;
            grid-template-columns: 1fr 1fr; /* Equal Halves */
            width: 50%;
            max-width: 720px; /* Constraint for ultra-wide screens */
            align-items: center;
            z-index: 2;
        }

        .hero-logo {
            align-items: center;
	    text-align:center;
        }

        .hero-brand {
            font-family: 'Oswald', sans-serif;
	    /* font-size: clamp(4rem, 5vw, 7rem); */
	    /* font-size: 80px; */
	    font-size: clamp(5rem, 7vw, 8rem); */
            line-height: 1;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: -2px;
            display: block;
            white-space: nowrap; 
        }

        .hero-sub {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.2rem;
            letter-spacing: 0.6em;
            text-transform: uppercase;
            display: block;
            opacity: 1.0;
            margin-top: 1px;
            margin-right: -0.6em; /* Optical alignment for letter-spacing */
        }

        /* RIGHT SIDE: MAIN MENU */
        .hero-nav {
            display: flex;
            flex-direction: column;
            gap: 1.5rem;
            padding-left: 3rem; /* Spacing from center line */
            align-items: flex-start; /* Flush Left to the center line */
	    font-size: clamp(1rem, 2vw, 4rem); */
        }

        .hero-nav a {
            font-family: 'Montserrat', sans-serif;
            font-size: 1.1rem;
            text-decoration: none;
            color: white;
            text-transform: uppercase;
            letter-spacing: 0.2em;
            position: relative;
            transition: all 0.3s ease;
            opacity: 0.6;
            white-space: nowrap; 
        }

        .hero-nav a:hover {
            opacity: 1;
            letter-spacing: 0.25em; 
            padding-left: 5px;
        }
        
        .hero-nav a span { font-weight: 600; }

        /* --- FOOTER SECTION --- */
        .footer-section {
            width: 100%; 
            padding: 0 3rem 2rem 3rem;
            display: grid;
            grid-template-columns: 1fr 1fr 1fr; /* Left, Center, Right slots */
            align-items: end;
        }

        /* Center Slot: Copyright */
        .copyright {
            grid-column: 2; /* Place in center column */
            text-align: center;
            font-size: 0.7rem; 
            letter-spacing: 0.15em; 
            opacity: 0.5;
            text-transform: uppercase;
            margin-bottom: 0.5rem;
            white-space: nowrap; 
        }

        /* Right Slot: Stacked Nav */
        .footer-nav {
            grid-column: 3; /* Place in right column */
            display: flex; 
            flex-direction: column; /* STACKED VERTICALLY */
            align-items: flex-end; /* RIGHT FLUSH */
            gap: 0.8rem;
            position: relative ;
            bottom:20px;
            margin-top:200px ;
        }

        .footer-nav a {
            color: rgba(255,255,255,0.6);
            text-decoration: none;
            text-transform: uppercase;
            font-size: 1rem;
            letter-spacing: 0.1em;
            transition: opacity 0.3s;
            font-weight: 500;
            margin-right: 100px; 
        }
        .footer-nav a:hover { opacity: 1; color: #fff; }