html, body {
            background-color: #030303;
            color: #ffffff;
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
            width: 100%;
        }

        html.lenis { height: auto; }
        .lenis.lenis-smooth { scroll-behavior: auto; }
        .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
        .lenis.lenis-stopped { overflow: hidden; }

        .text-gold-gradient {
            background: linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            display: inline-block;
        }

        .btn-smooth {
            transition: color 0.4s ease, background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            transform-origin: center center;
            will-change: transform;
        }
        
        .btn-smooth:hover { transform: scale(1.03); }
        .btn-smooth:active { transform: scale(0.95); transition: transform 0.1s ease !important; }
        
        .magnetic-wrap { display: inline-block; position: relative; }

        .border-gold-glow {
            border: 1px solid rgba(212, 175, 55, 0.3);
            box-shadow: 0 0 20px rgba(212, 175, 55, 0.1);
        }

        .service-card {
            background: linear-gradient(145deg, #0a0a0a, #050505);
            border: 1px solid rgba(212, 175, 55, 0.15);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        
        .service-card:hover {
            transform: translateY(-8px);
            border-color: rgba(212, 175, 55, 0.6);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6), inset 0 0 20px rgba(212, 175, 55, 0.08);
        }

        #navbar { transition: padding 0.5s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s ease, border-color 0.5s ease, backdrop-filter 0.5s ease; }
        #nav-logo { transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1); }

        .floating-logo { animation: float 8s ease-in-out infinite; }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-12px); }
            100% { transform: translateY(0px); }
        }

        #mobile-menu-btn span {
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease, background-color 0.3s ease;
            transform-origin: center;
        }
        #mobile-menu-btn.open span:nth-child(1) {
            transform: translateY(8px) rotate(45deg);
        }
        #mobile-menu-btn.open span:nth-child(2) {
            opacity: 0;
        }
        #mobile-menu-btn.open span:nth-child(3) {
            transform: translateY(-8px) rotate(-45deg);
        }