/* Base styles */
    html {
        scroll-behavior: smooth;
    }

    body {
        overflow-x: hidden;
    }

    /* Floating card animations */
    @keyframes float-1 {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-16px) rotate(1deg); }
    }

    @keyframes float-2 {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-12px) rotate(-1deg); }
    }

    @keyframes float-3 {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-20px) rotate(0.5deg); }
    }

    @keyframes float-4 {
        0%, 100% { transform: translateY(0px) rotate(0deg); }
        50% { transform: translateY(-10px) rotate(-0.5deg); }
    }

    .floating-card {
        animation-duration: 4s;
        animation-timing-function: ease-in-out;
        animation-iteration-count: infinite;
    }

    .card-1 { animation-name: float-1; }
    .card-2 { animation-name: float-2; animation-delay: 0.5s; }
    .card-3 { animation-name: float-3; animation-delay: 1s; }
    .card-4 { animation-name: float-4; animation-delay: 1.5s; }

    /* Reveal animations — progressive enhancement */
    @media (prefers-reduced-motion: no-preference) {
        .reveal {
            opacity: 0;
            transform: translateY(30px);
            transition: opacity 0.7s ease, transform 0.7s ease;
        }

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

        .reveal:nth-child(2) { transition-delay: 0.1s; }
        .reveal:nth-child(3) { transition-delay: 0.2s; }
        .reveal:nth-child(4) { transition-delay: 0.3s; }
    }

    /* Default state: always visible for accessibility */
    .reveal {
        opacity: 1;
        transform: none;
    }

    /* Mobile menu transitions */
    #mobile-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease, padding 0.4s ease;
    }

    #mobile-menu.open {
        max-height: 400px;
        padding-top: 0;
    }

    /* Navbar glass effect */
    #navbar.scrolled {
        background: rgba(4, 13, 28, 0.92);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

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

    ::-webkit-scrollbar-track {
        background: #040d1c;
    }

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

    ::-webkit-scrollbar-thumb:hover {
        background: #34a870;
    }

    /* Selection color */
    ::selection {
        background: rgba(95, 192, 142, 0.3);
        color: #0b1f42;
    }

    /* Smooth image loading */
    img {
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    /* Product card hover */
    .group:hover .group-hover\:scale-105 {
        transform: scale(1.05);
    }

    /* Focus styles for accessibility */
    a:focus-visible,
    button:focus-visible {
        outline: 2px solid #5fc08e;
        outline-offset: 2px;
        border-radius: 4px;
    }

    /* Mobile navigation links */
    .mobile-nav-link {
        display: block;
        padding: 0.5rem 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    }

    .mobile-nav-link:last-child {
        border-bottom: none;
    }