:root {
            --sky: #30364F;
            --shadow: #44444E;
            --signal-space: #ECECEC;
            --pulse: #CFECF3;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--sky);
            color: var(--white);
            overflow-x: hidden;
            line-height: 1.6;
        }

        .editorial { font-family: 'Bodoni Moda', serif; }

        /* Animation Keyframes */
        @keyframes pulse-glow {
            0% { box-shadow: 0 0 0 0 rgba(207, 236, 243, 0.4); }
            70% { box-shadow: 0 0 0 20px rgba(207, 236, 243, 0); }
            100% { box-shadow: 0 0 0 0 rgba(207, 236, 243, 0); }
        }

        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }

        @keyframes slide-up {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Signal Field Canvas */
        #signal-canvas {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            opacity: 0.6;
            pointer-events: none;
        }

        /* Custom UI Components */
        .page-container {
            display: none;
            min-height: 100vh;
            animation: slide-up 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .page-container.active { display: block; }

        .btn-signal {
            background: var(--pulse);
            color: var(--sky);
            padding: 1.2rem 2.5rem;
            font-size: 0.7rem;
            font-weight: 900;
            text-transform: uppercase;
            letter-spacing: 0.3em;
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .btn-signal:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 30px rgba(207, 236, 243, 0.3);
        }

        .floating-card {
            background: rgba(255, 255, 255, 0.03);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);
        }

        .floating-card:hover {
            background: rgba(255, 255, 255, 0.08);
            transform: translateY(-10px) scale(1.02);
        }

        /* Typography Utilities */
        .text-whisper { font-weight: 300; opacity: 0.7; letter-spacing: 0.02em; }
        .kerning-loose { letter-spacing: 0.5em; }

        /* Scroll Bar */
        ::-webkit-scrollbar { width: 5px; }
        ::-webkit-scrollbar-track { background: var(--sky); }
        ::-webkit-scrollbar-thumb { background: var(--pulse); }

        /* Specific Section Styles */
        .reverse-grid { background-color: var(--signal-space); color: var(--sky); }
        .infinite-loop { white-space: nowrap; overflow: hidden; }
        .marquee-inner { display: inline-block; animation: marquee 40s linear infinite; }

        /* Hamburger Menu */
        #mobile-menu {
            transition: transform 0.8s cubic-bezier(0.85, 0, 0.15, 1);
        }