:root {
            --navy: #11224E;
            --sage: #CBD99B;
            --teal: #427A76;
            --peach: #F9B487;
            --paper: #a99a9a;
        }

        body {
            font-family: 'Inconsolata', monospace;
            background-color: var(--paper);
            color: var(--navy);
            overflow-x: hidden;
        }

        /* Technical Background Grid */
        .technical-grid {
            background-image: radial-gradient(var(--navy) 0.5px, transparent 0.5px);
            background-size: 24px 24px;
        }

        /* Custom Scrollbar - System Style */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--navy); }
        ::-webkit-scrollbar-thumb { background: var(--sage); }

        /* Multi-page Display logic */
        .page-node { display: none; }
        .page-node.active { display: block; animation: system-reveal 0.6s ease-out forwards; }

        @keyframes system-reveal {
            from { opacity: 0; transform: translateY(10px); filter: blur(4px); }
            to { opacity: 1; transform: translateY(0); filter: blur(0); }
        }

        /* Typewriter Animation Classes */
        .typewriter {
            overflow: hidden;
            border-right: .15em solid var(--peach);
            white-space: nowrap;
            animation: typing 3s steps(40, end), blink-caret .75s step-end infinite;
        }

        @keyframes typing { from { width: 0 } to { width: 100% } }
        @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--peach); } }

        /* Ticker Tape Animation */
        @keyframes ticker {
            0% { transform: translateX(100%); }
            100% { transform: translateX(-100%); }
        }
        .ticker-wrap {
            white-space: nowrap;
            overflow: hidden;
            display: flex;
        }
        .ticker-move {
            display: inline-block;
            animation: ticker 30s linear infinite;
        }

        /* Modal Blur Overlay */
        .dossier-overlay {
            background: rgba(17, 34, 78, 0.95);
            backdrop-filter: blur(12px);
        }

        .matrix-cell {
            border: 1px solid rgba(17, 34, 78, 0.1);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .matrix-cell:hover {
            background: rgba(249, 180, 135, 0.1);
            transform: scale(1.01);
            z-index: 10;
        }

        .btn-glow:hover {
            box-shadow: 0 0 15px var(--peach);
        }

        .line-reveal {
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s ease-out;
        }
        .line-reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }