:root {
            --royal-blue: #170C79;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Open Sans', sans-serif;
            background-color: var(--white);
            color: #1a1a1a;
            overflow-x: hidden;
        }

        /* CUSTOM ANIMATIONS */
        @keyframes slowZoom {
            from { transform: scale(1); }
            to { transform: scale(1.1); }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); filter: blur(10px); }
            to { opacity: 1; transform: translateY(0); filter: blur(0); }
        }

        .animate-reveal { animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards; opacity: 0; }
        .hero-bg-zoom { animation: slowZoom 20s infinite alternate ease-in-out; }

        /* FLOATING HEADER */
        .header-floating {
            margin: 20px 40px;
            background-color: var(--royal-blue);
            border-radius: 4px;
            box-shadow: 0 10px 30px rgba(23, 12, 121, 0.2);
            transition: all 0.4s ease;
        }

        /* LAYERED TYPOGRAPHY EFFECT */
        .layered-title {
            font-weight: 800;
            line-height: 0.9;
            letter-spacing: -0.02em;
        }
        .layered-bg-text {
            background: var(--white);
            color: var(--royal-blue);
            padding: 0 15px;
            display: inline-block;
        }

        /* SIDEBAR MENU */
        #sidebar-menu {
            transition: transform 0.6s cubic-bezier(0.85, 0, 0.15, 1);
        }

        .menu-link {
            position: relative;
            font-weight: 700;
            font-size: 2.5rem;
            color: var(--royal-blue);
            transition: all 0.3s ease;
        }
        .menu-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 4px;
            background: var(--royal-blue);
            transition: width 0.3s ease;
        }
        .menu-link:hover { padding-left: 20px; }
        .menu-link:hover::after { width: 100%; }

        /* CARDS & HOVERS */
        .luxury-card {
            background-color: var(--royal-blue);
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .luxury-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(23, 12, 121, 0.3);
        }
        .img-zoom-container { overflow: hidden; }
        .img-zoom-container img { transition: transform 0.8s ease; }
        .luxury-card:hover img { transform: scale(1.1); }

        /* FORMS */
        .form-input {
            background: transparent;
            border-bottom: 2px solid rgba(255,255,255,0.3);
            transition: border-color 0.3s ease;
        }
        .form-input:focus {
            border-color: var(--white);
            outline: none;
        }

        /* UTILITIES */
        .page-node { display: none; }
        .page-active { display: block; }