/* Base Styles */
* { box-sizing: border-box; }
:root {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --accent-color: #00d2ff;
    --card-bg: #333;
    --header-bg: #252525;
    --font-main: 'Segoe UI', sans-serif;
}

body { margin: 0; font-family: var(--font-main); background: var(--bg-color); color: var(--text-color); line-height: 1.6; transition: background 0.3s ease; overflow-x: hidden; }
a { color: var(--accent-color); text-decoration: none; }
section { padding: 4rem 2rem; max-width: 1200px; margin: 0 auto; position: relative; z-index: 10; }

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {
    section { 
        padding: 2.5rem 1.25rem; /* Standard mobile padding (40px top/bottom, 20px sides) */
    }
}

/* Page Transitions */
@keyframes fadeInPage {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.fade-in-page {
    animation: fadeInPage 0.6s ease-out forwards;
}