/* ===================================
   CLEARIFIX - Main Stylesheet
   Imports all modular CSS files
   =================================== */

@import url('./base.css');
@import url('./navigation.css');
@import url('./hero.css');
@import url('./components.css');
@import url('./footer.css');
@import url('./forms.css');
@import url('./animations.css');
@import url('./utilities.css');
@import url('./responsive.css');

/*
   Organization Structure:

   1. base.css
      - CSS variables
      - Reset & base styles
      - Typography
      - Container
      - Sections

   2. navigation.css
      - Navbar styles
      - Navigation menu
      - Hamburger menu
      - Dropdown menu

   3. hero.css
      - Hero section
      - Hero content
      - Hero buttons

   4. components.css
      - Buttons
      - Service cards
      - Process steps
      - Advantage cards
      - Service detail cards
      - Before/After comparison
      - Value cards
      - Example cards
      - Intro section split layout

   5. footer.css
      - Footer styles
      - Social media links

   6. forms.css
      - Contact forms
      - Application forms
      - Form groups & inputs
      - File upload styling
      - Contact cards
      - Map section

   7. animations.css
      - Keyframe animations
      - Modal animations
      - Checkmark animations

   8. utilities.css
      - CTA section
      - Helper classes
      - Team member cards
      - Back to top button

   9. responsive.css
      - Tablet responsive (768px)
      - Mobile responsive (480px)
      - Extra small devices (360px)
*/