/* Custom styles beyond Tailwind */

    * {
        scroll-behavior: smooth;
    }

    body {
        overflow-x: hidden;
    }

    /* Navigation */
    .nav-text {
        transition: color 0.3s ease;
    }

    .nav-subtext {
        transition: color 0.3s ease;
    }

    .nav-link {
        position: relative;
    }

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: -4px;
        left: 0;
        width: 0;
        height: 2px;
        background: #f59e0b;
        transition: width 0.3s ease;
    }

    .nav-link:hover::after {
        width: 100%;
    }

    /* Navbar scroll state */
    #navbar.scrolled {
        background: rgba(255, 255, 255, 0.95);
        backdrop-blur-xl;
        box-shadow: 0 1px 20px rgba(123, 63, 123, 0.1);
    }

    #navbar.scrolled .nav-text {
        color: #3a1c3a;
    }

    #navbar.scrolled .nav-subtext {
        color: #7B3F7B;
    }

    #navbar.scrolled .nav-link {
        color: #5a2c5a;
    }

    /* Floating cards animation */
    @keyframes float-1 {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-12px); }
    }

    @keyframes float-2 {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-8px); }
    }

    @keyframes float-3 {
        0%, 100% { transform: translateY(0px); }
        50% { transform: translateY(-10px); }
    }

    .floating-card {
        animation: float-1 6s ease-in-out infinite;
    }

    .floating-card-2 {
        animation: float-2 5s ease-in-out infinite;
    }

    .floating-card-3 {
        animation: float-3 7s ease-in-out infinite;
    }

    /* Service cards */
    .service-card {
        position: relative;
        overflow: hidden;
    }

    .service-card::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 3px;
        background: linear-gradient(90deg, #7B3F7B, #f59e0b);
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.5s ease;
    }

    .service-card:hover::before {
        transform: scaleX(1);
    }

    .service-card:hover {
        transform: translateY(-4px);
    }

    /* Testimonial cards */
    .testimonial-card {
        transition: transform 0.5s ease, background 0.5s ease;
    }

    .testimonial-card:hover {
        transform: translateY(-4px);
    }

    /* Scroll reveal animations */
    .reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: opacity 0.8s ease, transform 0.8s ease;
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    .reveal-delay-1 { transition-delay: 0.1s; }
    .reveal-delay-2 { transition-delay: 0.2s; }
    .reveal-delay-3 { transition-delay: 0.3s; }
    .reveal-delay-4 { transition-delay: 0.4s; }
    .reveal-delay-5 { transition-delay: 0.5s; }
    .reveal-delay-6 { transition-delay: 0.6s; }

    /* Mobile menu */
    #mobile-menu {
        animation: slideDown 0.3s ease;
    }

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

    .mobile-link {
        position: relative;
        padding-left: 0;
    }

    /* Custom scrollbar */
    ::-webkit-scrollbar {
        width: 8px;
    }

    ::-webkit-scrollbar-track {
        background: #f5f0f6;
    }

    ::-webkit-scrollbar-thumb {
        background: #ba96bd;
        border-radius: 4px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: #7B3F7B;
    }

    /* Selection color */
    ::selection {
        background: #7B3F7B;
        color: white;
    }

    /* Mobile responsive */
    @media (max-width: 768px) {
        .floating-card,
        .floating-card-2,
        .floating-card-3 {
            animation: none;
        }
    }