/*
    Project Refactor: CSS Split
    
    The CSS has been broken down into modular files for better maintainability.
    
    // removed :root variables -> css/base.css
    // removed basic reset and typography -> css/base.css
    // removed utility classes -> css/base.css
    // removed @keyframes -> css/animations.css
    // removed .btn, .service-card, .experience-badge etc -> css/components.css
    // removed header and footer styles -> css/layout.css
    // removed section specific styles (hero, services, contact, about) -> css/sections.css
    // removed responsive media queries -> distributed into their respective files in css/
*/

@import url('css/base.css');
@import url('css/animations.css');
@import url('css/components.css');
@import url('css/header.css');
@import url('css/page-header.css');
@import url('css/footer.css');
@import url('css/layout.css');
@import url('css/sections.css');
```Summary: Refactored the large `styles.css` file into a modular structure under a new `css/` directory. Created `base.css` for variables and resets, `components.css` for reusable UI elements, `layout.css` for header/footer, `sections.css` for page sections, and `animations.css` for keyframes. Updated `styles.css` to act as an entry point importing these modules.