:root {
            --primary-pink: #EC8F8D;
            --deep-blue: #537D96;
            --soft-cream: #FFF4EA;
            --dark-text: #1a1c1e;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-cream);
            color: var(--dark-text);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        h1, h2, h3, h4, .btn-font {
            font-family: 'Syne', sans-serif;
            text-transform: uppercase;
        }

        /* Hero Animation Background */
        .hero-canvas {
            background: linear-gradient(-45deg, #537D96, #3a5b6e, #EC8F8D, #537D96);
            background-size: 400% 400%;
            animation: gradientShift 15s ease infinite;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        /* Diagonal Section Separators */
        .diagonal-divider-top {
            clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
        }
        
        .diagonal-divider-bottom {
            clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
        }

        /* Sticky Header Transition */
        header.scrolled {
            background-color: rgba(83, 125, 150, 0.95);
            backdrop-filter: blur(10px);
            padding-top: 1rem;
            padding-bottom: 1rem;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }

        /* Buttons & Cards */
        .btn-pink {
            background-color: var(--primary-pink);
            color: white;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            letter-spacing: 0.1em;
        }
        .btn-pink:hover {
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 15px 30px rgba(236, 143, 141, 0.4);
        }

        .service-card {
            background: white;
            border: 1px solid rgba(236, 143, 141, 0.1);
            transition: all 0.5s ease;
        }
        .service-card:hover {
            border-color: var(--primary-pink);
            transform: translateY(-10px);
            box-shadow: 0 30px 60px rgba(83, 125, 150, 0.1);
        }

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

        .hidden-page { display: none; }
        .active-page { display: block; animation: fadeIn 0.6s ease-out; }

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

        .quick-view-modal {
            background: rgba(26, 28, 30, 0.9);
            backdrop-filter: blur(15px);
        }