:root { scroll-behavior: smooth; }
        body { 
            background-color: #003C43; 
            color: #FFFFFF; 
            font-family: 'Rubik', sans-serif;
            overflow-x: hidden;
        }

        /* --- DESIGN SYSTEM ANIMATIONS --- */
        
        /* Grid Overlay Layer */
        .grid-layer {
            background-image: linear-gradient(rgba(216, 211, 101, 0.03) 1px, transparent 1px),
                              linear-gradient(90deg, rgba(216, 211, 101, 0.03) 1px, transparent 1px);
            background-size: 50px 50px;
            pointer-events: none;
            z-index: 1;
        }

        /* Hero Background Gradient Animation */
        .hero-bg-anim {
            background: radial-gradient(circle at 50% 50%, #004d55 0%, #003C43 70%);
            animation: pulseBg 15s ease infinite alternate;
        }
        @keyframes pulseBg {
            0% { transform: scale(1); opacity: 0.8; }
            100% { transform: scale(1.1); opacity: 1; }
        }

        /* Multi-page Routing Transitions */
        .view { display: none; }
        .view.active { display: block; animation: viewFade 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        @keyframes viewFade {
            from { opacity: 0; transform: translateY(20px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Continuous Ticker */
        @keyframes ticker {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .ticker-wrap {
            display: flex;
            white-space: nowrap;
            animation: ticker 40s linear infinite;
        }

        /* Risk Meter Progress */
        .meter-bar {
            width: 0%;
            transition: width 2s cubic-bezier(0.34, 1.56, 0.64, 1);
        }

        /* Scroll Reveal Utility */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 1s ease-out;
        }
        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: #002A2E; }
        ::-webkit-scrollbar-thumb { background: #D8D365; border-radius: 10px; }

        /* Terminal Aesthetic */
        .terminal-panel {
            background: rgba(0, 30, 34, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(216, 211, 101, 0.15);
        }

        /* Regional Map Pulsing Nodes */
        .map-node {
            transition: all 0.3s ease;
            cursor: pointer;
        }
        .map-node:hover {
            fill: #D8D365;
            filter: drop-shadow(0 0 8px #D8D365);
        }