/* Main CSS File - Imports all modular stylesheets */

/* Import base styles and variables */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');
@import url('base/utilities.css');

/* Import component styles */
@import url('components/navigation.css');
@import url('components/buttons.css');
@import url('components/forms.css');

/* Import section styles */
@import url('sections/about.css');
@import url('sections/skills.css');
@import url('sections/projects.css');
@import url('sections/timeline.css');
@import url('sections/contact.css');
@import url('sections/footer.css');

/* Import responsive styles */
@import url('responsive/mobile.css');
@import url('responsive/tablet.css');
@import url('responsive/desktop.css');

/* Neural network background animation for body */
body {
    background: var(--gradient-primary);
    color: var(--clr-text-primary);
    font-family: var(--ff-primary);
    font-size: var(--fs-body);
    line-height: 1.6;
    margin: 0;
    position: relative;
    overflow-x: hidden;
}

/* Neural network background animation */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 20%, rgba(0, 255, 255, 0.03) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(0, 255, 255, 0.02) 0%, transparent 50%),
        radial-gradient(circle at 40% 60%, rgba(0, 255, 255, 0.025) 0%, transparent 50%);
    opacity: 0.03;
    z-index: -1;
    animation: neuralPulse 8s ease-in-out infinite alternate;
}

@keyframes neuralPulse {
    0% { transform: scale(1) rotate(0deg); }
    100% { transform: scale(1.1) rotate(5deg); }
}