/* CSS Reset */
        *, *::before, *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* Global Variables & Theme */
        :root {
            /* Primary Brand Colors - Trustworthy Blue */
            --primary-color: #0f172a; 
            --primary-light: #334155;
            
            /* Accent Colors - Energetic Yellow/Gold */
            --accent-color: #f59e0b;
            --accent-hover: #d97706;

            /* Neutral Colors */
            --text-dark: #1e293b;
            --text-light: #64748b;
            --bg-light: #f8fafc;
            --bg-white: #ffffff;
            --border-color: #e2e8f0;

            /* Typography */
            --font-main: system-ui, -apple-system, sans-serif;
            --font-heading: system-ui, -apple-system, sans-serif;
            
            /* Spacing */
            --container-width: 1200px;
            --section-padding: 4rem 1.5rem;
            --card-radius: 8px;
        }

        body {
            font-family: var(--font-main);
            color: var(--text-dark);
            line-height: 1.6;
            background-color: var(--bg-white);
        }

        h1, h2, h3, h4 {
            font-family: var(--font-heading);
            color: var(--primary-color);
            line-height: 1.2;
            margin-bottom: 1rem;
        }

        h1 { font-size: 2.5rem; font-weight: 800; }
        h2 { font-size: 2rem; text-align: center; margin-bottom: 3rem; }
        h3 { font-size: 1.25rem; }
        p { margin-bottom: 1rem; color: var(--text-light); }
        
        img { max-width: 100%; height: auto; display: block; }
        a { text-decoration: none; color: inherit; transition: 0.3s; }
        ul { list-style: none; }