/* Base Styles */
body {
    background-color: #f9f9f9;
    color: #1b1b1b;
}

html {
    scroll-behavior: smooth;
}

/* Brutalist UI Elements */
.brutalist-border { border: 4px solid #000000; }
.brutalist-shadow { box-shadow: 8px 8px 0px 0px #000000; }
.brutalist-shadow-blue { box-shadow: 8px 8px 0px 0px #273fff; }
.grid-bg { 
    background-image: radial-gradient(#c6c6c6 1px, transparent 1px); 
    background-size: 40px 40px; 
}

/* Navigation */
.active-nav { 
    border-bottom: 4px solid #273fff; 
    padding-bottom: 4px; 
    color: #273fff; 
}

/* Animations */
.fade-in {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fade-in.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.fade-in-delay-1 { transition-delay: 0.1s; }
.fade-in-delay-2 { transition-delay: 0.2s; }
.fade-in-delay-3 { transition-delay: 0.3s; }

/* Mobile Menu Transitions */
.mobile-menu-open {
    transform: translateX(0) !important;
}