:root {
            --soft-pink: #D77FA1;
            --pastel-pink: #E6B2C6;
            --light-cream: #FEF6FB;
            --soft-blue: #D6E5FA;
        }

        body {
            font-family: 'Bellefair', serif;
            background-color: var(--light-cream);
            color: #2d2d2d;
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        /* --- Animations --- */
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        @keyframes slideIn {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .animate-slide { animation: slideIn 0.8s ease forwards; }

        /* --- Navigation & Layout --- */
        .spa-page { display: none; }
        .spa-page.active { display: block; }

        .nav-link {
            position: relative;
            transition: color 0.3s;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -4px;
            left: 0;
            background-color: var(--soft-pink);
            transition: width 0.3s;
        }
        .nav-link:hover::after { width: 100%; }

        /* --- Hero Visuals --- */
        .hero-bg-card {
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            perspective: 1000px;
        }
        .hero-left { background-color: var(--pastel-pink); transform: rotate(-4deg); }
        .hero-right { background-color: var(--soft-blue); transform: rotate(4deg); }

        .hero-container:hover .hero-left { transform: rotate(-6deg) scale(1.02) translateZ(30px); }
        .hero-container:hover .hero-right { transform: rotate(6deg) scale(1.02) translateZ(30px); }

        /* --- Custom UI Elements --- */
        .btn-glow:hover {
            box-shadow: 0 0 20px rgba(215, 127, 161, 0.6);
            transform: translateY(-2px);
        }

        .benefit-card {
            transition: all 0.5s ease;
            opacity: 0;
            transform: translateX(50px);
        }
        .benefit-card.visible {
            opacity: 1;
            transform: translateX(0);
        }

        /* --- Custom Scrollbar --- */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: var(--light-cream); }
        ::-webkit-scrollbar-thumb { background: var(--pastel-pink); border-radius: 10px; }

        .modal-blur {
            backdrop-filter: blur(8px);
            background: rgba(255, 255, 255, 0.8);
        }