<style>
    :root {
        --primary-pink: #fce7f3;
        --accent-pink: #f472b6;
    }
    html {
        scroll-behavior: smooth;
    }
    body {
        font-family: 'DM Sans', sans-serif;
    }
    .font-cursive {
        font-family: 'Dancing Script', cursive;
    }
    .gradient-bg {
        background: linear-gradient(-45deg, #fff, #fce7f3, #fbcfe8, #fff);
        background-size: 400% 400%;
        animation: gradientBG 15s ease infinite;
    }
    @keyframes gradientBG {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
    .phone-mockup {
        perspective: 1000px;
        transition: transform 0.5s ease;
    }
    .phone-mockup:hover {
        transform: rotateY(-10deg) rotateX(5deg);
    }
    .mobile-menu {
        transition: transform 0.3s ease-in-out;
        transform: translateX(100%);
    }
    .mobile-menu.active {
        transform: translateX(0);
    }
    .accordion-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
    }
    .accordion-item.active .accordion-content {
        max-height: 200px;
    }
    .accordion-item.active svg {
        transform: rotate(180deg);
    }
    @media (min-width: 991px) {
        .mobile-toggle { display: none; }
        .nav-links { display: flex !important; }
    }
    @media (max-width: 990px) {
        .nav-links { display: none; }
    }
    .skiptranslate:not(.goog-te-gadget){
        display:none;
    }
    .skiptranslate.goog-te-gadget {
        clip-path: inset(0 0 66% 0);
        margin-top: 50px;
        font-family: 'DM Sans',sans-serif!important;
    }
    .goog-te-gadget .goog-te-combo:hover, .goog-te-gadget .goog-te-combo:focus {
        outline: none;
    }
    .goog-te-gadget .goog-te-combo {
        font-family: 'DM Sans', sans-serif;
        background-color:transparent;
    }
</style>