html { 
            scroll-behavior: smooth; 
        }
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: #f0f4f8; /* Base color */
            background-image: linear-gradient(135deg, #f5efff 0%, #e0f2fe 100%);
            overflow-x: hidden;
            color: #1f2937;
        }
        
        /* Glassmorphism Effect */
        .glassmorphism {
            background: rgba(255, 255, 255, 0.2);
            backdrop-filter: blur(15px);
            -webkit-backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.3);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05);
        }
        
        /* Scrolled Navbar State */
        .nav-scrolled {
            background: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
        }
        
        /* Gradient Text */
        .hero-gradient-text {
            background-image: linear-gradient(to right, #a855f7, #d946ef, #ec4899);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }
        
        /* Card Hover Glow */
        .card-hover-glow {
            transition: all 0.3s ease-in-out;
        }
        .card-hover-glow:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 30px -10px rgba(168, 85, 247, 0.3);
        }
        
        /* Scroll-Triggered Animation Setup */
        .animate-on-scroll {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
            transition-delay: var(--scroll-delay, 0s);
        }
        .animate-on-scroll.is-visible {
            opacity: 1;
            transform: translateY(0);
        }
        
        /* Floating Blobs */
        .blob {
            position: absolute;
            border-radius: 50%;
            opacity: 0.3;
            filter: blur(100px); /* Increased blur for softness */
            z-index: -1;
        }
        .blob-1 {
            width: 450px; height: 450px;
            top: -150px; left: -150px;
            background: #a855f7;
            animation: float 10s ease-in-out infinite alternate;
        }
        .blob-2 {
            width: 350px; height: 350px;
            bottom: -100px; right: -100px;
            background: #3b82f6;
            animation: float 12s ease-in-out infinite alternate;
        }
        .blob-3 {
            width: 300px; height: 300px;
            top: 50%; left: 50%;
            transform: translate(-50%, -50%);
            background: #ec4899;
            animation: float 9s ease-in-out infinite alternate;
        }
        
        /* Custom Toast for Alerts */
        #toast-container {
            position: fixed;
            bottom: 2rem;
            right: 2rem;
            z-index: 1000;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        .toast {
            padding: 1rem 1.5rem;
            border-radius: 0.75rem;
            color: white;
            font-weight: 500;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            opacity: 0;
            transform: translateX(100%);
            animation: slide-in 0.5s ease-out forwards;
            transition: opacity 0.3s ease;
        }
        .toast.success { background-color: #22c55e; }
        .toast.error { background-color: #ef4444; }
        
        /* Hamburger Icon Animation */
        .hamburger .line { 
            transition: all 0.3s ease-in-out; 
            background-color: #1f2937;
        }
        .hamburger.open .line-1 { transform: rotate(45deg) translate(5px, 5px); }
        .hamburger.open .line-2 { opacity: 0; }
        .hamburger.open .line-3 { transform: rotate(-45deg) translate(5px, -5px); }
        
        /* Testimonial Slider */
        #testimonial-slider {
            transition: transform 0.5s ease-in-out;
        }

        /* Modal Backdrop */
        .modal-container {
            background-color: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
        }
        
        /* Gallery Grid */
        .gallery-grid {
            columns: 2;
        }
        @media (min-width: 768px) { .gallery-grid { columns: 3; } }
        @media (min-width: 1024px) { .gallery-grid { columns: 4; } }
        .gallery-grid > * {
            break-inside: avoid;
            margin-bottom: 1rem;
        }
        /* Sliding images animation */
@keyframes slide {
    0% { transform: translateX(0); }
    33% { transform: translateX(-33.3333%); }
    66% { transform: translateX(-66.6666%); }
    100% { transform: translateX(0); }
}
.animate-slide {
    animation: slide 40s infinite linear;
}

/* Soft pulse button */
@keyframes pulse-soft {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.animate-pulse-soft {
    animation: pulse-soft 2s infinite;
}