* { cursor: crosshair; }
        body { 
            font-family: 'Barlow', sans-serif; 
            background-color: #F7F7F7;
            overflow-x: hidden;
            color: #111;
        }

        /* Glassmorphism Header */
        .glass-header {
            background: rgba(247, 247, 247, 0.05);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid rgba(181, 254, 131, 0.2);
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
        }
        .header-scrolled {
            background: #F7F7F7;
            border-bottom: 2px solid #9D5C0D;
            padding-top: 12px;
            padding-bottom: 12px;
        }

        /* Hero Animation */
        .hero-bg-anim {
            background: linear-gradient(135deg, #f7f7f7 0%, #e0e0e0 100%);
            position: absolute;
            inset: 0;
            z-index: -2;
        }
        .floating-shape {
            position: absolute;
            filter: blur(40px);
            opacity: 0.3;
            animation: float-around 20s infinite linear;
        }
        @keyframes float-around {
            0% { transform: translate(0, 0) rotate(0deg); }
            33% { transform: translate(5vw, 10vh) rotate(120deg); }
            66% { transform: translate(-5vw, 20vh) rotate(240deg); }
            100% { transform: translate(0, 0) rotate(360deg); }
        }

        /* Asymmetry & Diagonal Cuts */
        .cut-diagonal-bottom { clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%); }
        .cut-diagonal-top { clip-path: polygon(0 10%, 100% 0, 100% 100%, 0% 100%); }
        
        /* Zig Zag */
        .zig:nth-child(even) { transform: translateY(60px); }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #F7F7F7; }
        ::-webkit-scrollbar-thumb { background: #9D5C0D; }

        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Page Transitions */
        .page-node { display: none; opacity: 0; transform: translateY(20px); }
        .page-node.active { display: block; opacity: 1; transform: translateY(0); transition: all 0.6s ease-out; }

        .glow-hover:hover {
            box-shadow: 0 0 30px rgba(181, 254, 131, 0.4);
            transform: scale(1.02);
        }

        /* Text Effects */
        .text-outline {
            -webkit-text-stroke: 1px #9D5C0D;
            color: transparent;
        }

        /* Horizontal Scroll Snap */
        .snap-x-container {
            scroll-snap-type: x mandatory;
            display: flex;
            overflow-x: auto;
        }
        .snap-item { scroll-snap-align: start; flex-shrink: 0; }

        .btn-apex {
            position: relative;
            overflow: hidden;
            transition: all 0.3s ease;
        }
        .btn-apex::after {
            content: '';
            position: absolute;
            top: 0; left: -100%;
            width: 100%; height: 100%;
            background: rgba(181, 254, 131, 0.4);
            transition: all 0.4s ease;
            z-index: 0;
        }
        .btn-apex:hover::after { left: 0; }
        .btn-apex span { position: relative; z-index: 1; }