body {
            font-family: 'Inter', sans-serif;
            background-color: #FDFDFD;
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Poppins', sans-serif;
        }

        .font-montserrat {
            font-family: 'Montserrat', sans-serif;
        }
        
        .font-lato {
            font-family: 'Lato', sans-serif;
        }
        
        /* New Hero Animation */
        .hero-title span {
            display: inline-block;
            opacity: 0;
            transform: translateY(30px) rotate(5deg);
            animation: revealWord 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
        }

        @keyframes revealWord {
            to {
                opacity: 1;
                transform: translateY(0) rotate(0);
            }
        }
        
        /* New Hero Slider */
        .image-slider-container {
            width: 100%;
            height: 100%;
            border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
            animation: morph 8s ease-in-out infinite;
            overflow: hidden;
            position: relative;
        }
        .image-slider {
            display: flex;
            width: 300%; /* 3 images */
            height: 100%;
            transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1);
        }
        .image-slider img {
            width: 33.333%;
            height: 100%;
            object-fit: cover;
        }

        @keyframes morph {
            0% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
            50% { border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%; }
            100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
        }

        /* Rotating Text */
        #rotating-text-svg {
            animation: rotate 20s linear infinite;
        }
        @keyframes rotate {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }


        /* Scroll-triggered animations */
        .slide-up {
            opacity: 0;
            transform: translateY(40px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }

        .is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Modal styles */
        .modal {
            transition: opacity 0.3s ease;
        }
        .modal-content {
            transition: transform 0.3s ease;
        }

        /* Login/Signup Toggle */
        #login-toggle:checked ~ #login-form-container {
            transform: translateX(100%);
            opacity: 0;
            pointer-events: none;
        }
        #login-toggle:checked ~ #signup-form-container {
            transform: translateX(0%);
            opacity: 1;
            pointer-events: auto;
        }
        
        /* Notification Popup */
        #notification-popup {
            transition: opacity 0.5s, transform 0.5s;
        }