/**
 * MAIN.CSS
 * Master stylesheet that imports all modular CSS files
 * 
 * File Organization:
 * 1. base.css - Variables, resets, typography
 * 2. layout.css - Header, footer, grid, structure
 * 3. components.css - Buttons, forms, cards, modals
 * 4. sections/*.css - Individual page sections
 */

/* ============================================================================
   IMPORT ORDER (IMPORTANT - DO NOT CHANGE)
   ============================================================================ */

/* 1. Base Styles (Variables, Reset, Typography) */
@import url('base.css');

/* 2. Layout (Header, Footer, Grid) */
@import url('layout.css');

/* 3. Reusable Components */
@import url('components.css');

/* 4. Section-Specific Styles */
@import url('sections/hero.css');
@import url('sections/programs.css');
@import url('sections/about.css');
@import url('sections/coaching.css');
@import url('sections/faq.css');
@import url('sections/contact.css');

/* ============================================================================
   GLOBAL UTILITIES (Last to override if needed)
   ============================================================================ */

.container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.text-center {
    text-align: center;
}

.no-scroll {
    overflow: hidden;
}

.hidden {
    display: none;
}

/* ============================================================================
   REVEAL ANIMATIONS (Scroll animations)
   ============================================================================ */

.reveal-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.reveal-section.revealed {
    opacity: 1;
    transform: translateY(0);
}