:root {
            --primary-blue: #3852B4;
            --accent-yellow: #FEFD99;
            --soft-yellow-glow: rgba(254, 253, 153, 0.1);
            --deep-blue: #1e2d63;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: #fff;
            color: var(--primary-blue);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .limelight {
            font-family: 'Limelight', cursive;
            text-transform: uppercase;
            letter-spacing: 0.1em;
        }

        /* --- Scrollbar Customization --- */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--primary-blue); }

        /* --- Header & Nav --- */
        .header-solid {
            background-color: var(--primary-blue);
            padding-top: 1rem !important;
            padding-bottom: 1rem !important;
            box-shadow: 0 10px 30px rgba(0,0,0,0.2);
        }

        .nav-link {
            position: relative;
            cursor: pointer;
            font-size: 0.75rem;
            font-weight: 700;
            letter-spacing: 0.2em;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 0;
            width: 0;
            height: 2px;
            background: var(--accent-yellow);
            box-shadow: 0 0 10px var(--accent-yellow);
            transition: width 0.3s ease;
        }

        .nav-link:hover::after { width: 100%; }

        /* --- Animations --- */
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        .hero-zoom {
            animation: heroZoom 20s infinite alternate;
        }

        @keyframes heroZoom {
            from { transform: scale(1); }
            to { transform: scale(1.15); }
        }

        /* --- UI Elements --- */
        .glow-panel {
            background: linear-gradient(180deg, #ffffff 0%, var(--soft-yellow-glow) 100%);
        }

        .yellow-pill {
            background: var(--accent-yellow);
            color: var(--primary-blue);
            padding: 4px 12px;
            font-size: 0.65rem;
            font-weight: 800;
            border-radius: 2px;
            text-transform: uppercase;
        }

        .timeline-line {
            background: linear-gradient(to bottom, var(--primary-blue), var(--accent-yellow), var(--primary-blue));
        }

        .card-glow:hover {
            box-shadow: 0 0 30px rgba(254, 253, 153, 0.4);
            border-color: var(--accent-yellow);
        }

        /* --- Page Management --- */
        .page-content { display: none; }
        .page-content.active { display: block; }

        /* --- Search Bar --- */
        #search-overlay {
            backdrop-filter: blur(10px);
            background: rgba(30, 45, 99, 0.95);
        }