:root {
            --navy: #0B0F19;
            --navy-light: #161B28;
            --accent-teal: #2DD4BF;
            --accent-pink: #F472B6;
            --accent-orange: #FB923C;
            --soft-white: #F8FAFC;
        }

        body {
            background-color: var(--navy);
            color: var(--soft-white);
            font-family: 'Poppins', sans-serif;
            overflow-x: hidden;
        }

        .font-heading { font-family: 'Playfair Display', serif; }
        .font-brand { font-family: 'Manrope', sans-serif; }

        .page-node {
            display: none;
            opacity: 0;
            transform: translateY(20px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .page-node.active { 
            display: block; 
            opacity: 1; 
            transform: translateY(0);
        }

        .glass {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            transition: all 0.4s ease;
        }
        .glass:hover {
            background: rgba(255, 255, 255, 0.05);
            border-color: rgba(255, 255, 255, 0.15);
        }

        .text-gradient {
            background: linear-gradient(135deg, var(--accent-teal), var(--accent-pink), var(--accent-orange));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .nav-sticky {
            background: rgba(11, 15, 25, 0.95);
            backdrop-filter: blur(20px);
            box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

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

        /* Custom Hover Effects */
        .hover-lift { transition: transform 0.3s ease; }
        .hover-lift:hover { transform: translateY(-10px); }

        .service-card-expand {
            max-height: 400px;
            transition: max-height 0.5s ease-in-out;
        }

        /* Hide Scrollbar but keep functionality */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--navy); }
        ::-webkit-scrollbar-thumb { background: #2D3748; border-radius: 10px; }
        ::-webkit-scrollbar-thumb:hover { background: var(--accent-teal); }