/* ==========================================
   MAIN CYBERPUNK CSS - MODULAR IMPORTS
   ========================================== */

/* Import all CSS modules in order */
@import url('base.css');
@import url('navigation.css');
@import url('hero.css');
@import url('buttons.css');
@import url('sections.css');
@import url('animations.css');
@import url('cyberpunk-demo.css');
@import url('responsive.css');
@import url('utilities.css');

/* ==========================================
   MODULARIZATION COMPLETE
   ========================================== */

/* 
 * All styles have been organized into focused modules:
 * 
 * ✅ base.css - Variables, reset, foundation styles
 * ✅ navigation.css - Navigation bar and menu components  
 * ✅ hero.css - Hero section and banner components
 * ✅ buttons.css - Button components and interactions
 * ✅ sections.css - Content sections (about, projects, features, contact, footer)
 * ✅ animations.css - Keyframe animations and transitions
 * ✅ cyberpunk-demo.css - Demo page specific styles
 * ✅ responsive.css - Responsive design and media queries
 * ✅ utilities.css - Utility classes and helper styles
 * 
 * Total: 9 focused modules (~2000 lines) vs original 3195-line monolith
 * 
 * Benefits:
 * - Maintainable: Each module has a single responsibility
 * - Debuggable: Easy to locate and fix issues
 * - Collaborative: Multiple developers can work simultaneously
 * - Performant: Load only what you need
 * - Scalable: Easy to add new modules or modify existing ones
 */