/* style.css */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
        body { 
            margin: 0; 
            padding: 0; 
            font-family: 'Inter', sans-serif; 
            background-color: #fcfcfc;
            overflow-x: hidden;
        }

        /* --- HEADER WRAPPERS (STACKING FIX) --- */
        .AAFA-desktop-wrapper, 
        .AAFA-mobile-wrapper {
            position: relative;
            z-index: 10000 !important; /* Forces the entire header area to stay on top */
        }

        /* Responsive Switching */
        @media screen and (max-width: 1024px) {
            .AAFA-desktop-wrapper { display: none; }
            .AAFA-mobile-wrapper { display: block; }
        }
        
        @media screen and (min-width: 1025px) {
            .AAFA-desktop-wrapper { display: block; }
            .AAFA-mobile-wrapper { display: none; }
        }

        /* --- MAIN CONTENT (STACKING FIX) --- */
        .AAFA-main-content { 
            position: relative; 
            z-index: 1 !important; /* Low layer so menu can slide OVER it */
            padding: 80px 20px; 
            text-align: center; 
        }

        /* Hero Section */
        .AAFA-hero h1 { 
            font-size: clamp(2rem, 5vw, 3.5rem); 
            margin-bottom: 20px; 
            color: #222;
        }
        .AAFA-hero p { 
            font-size: 1.1rem;
            color: #555; 
            max-width: 800px; 
            margin: 0 auto; 
            line-height: 1.6;
        }

        /* Course Grid */
        .AAFA-grid { 
            display: grid; 
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 
            gap: 30px; 
            margin-top: 60px; 
            max-width: 1200px; 
            margin-left: auto; 
            margin-right: auto;
        }

        .AAFA-card { 
            background: #ffffff; 
            padding: 50px 30px; 
            border-radius: 24px; 
            box-shadow: 0 10px 40px rgba(0,0,0,0.04);
            transition: all 0.3s ease;
            font-weight: 700;
            color: #333;
            border: 1px solid #f0f0f0;
        }
        
        .AAFA-card:hover { 
            transform: translateY(-8px); 
            box-shadow: 0 20px 50px rgba(0,0,0,0.08);
            border-color: #ff5e3a; /* Academy Accent */
        }

        /* --- FOOTER --- */
        .AAFA-footer {
            text-align: center; 
            padding: 60px 20px; 
            background: #fff;
            border-top: 1px solid #eee;
            position: relative;
            z-index: 1;
        }
        .AAFA-footer p { margin: 8px 0; color: #666; font-size: 0.95rem; }
        .AAFA-footer-links { margin-top: 20px; }
        .AAFA-footer-links a { color: #333; margin: 0 10px; text-decoration: none; font-size: 1.2rem; }