@import "tailwindcss";

/* Performance Optimizations */
* {
    box-sizing: border-box;
}

/* Optimize rendering */
html {
    scroll-behavior: smooth;
}

/* Mobile optimizations */
@media (max-width: 768px) {
    .hero-bg {
        background-attachment: scroll !important;
    }

    /* Reduce motion for mobile */
    *, *::before, *::after {
        animation-duration: 0.2s !important;
        animation-delay: 0s !important;
        transition-duration: 0.2s !important;
    }
}

/* Lazy loading placeholder styles */
.lazy {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.lazy.loaded {
    opacity: 1;
}

/* Optimize font loading */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfAZ9hiJ-Ek-_EeA.woff2') format('woff2');
}

/* Reduce paint on scroll */
.glass-card {
    will-change: transform;
    backface-visibility: hidden;
}

/* Optimize hover states for touch devices */
@media (hover: none) and (pointer: coarse) {
    .group:hover .group-hover\:opacity-100 {
        opacity: 1 !important;
    }

    .group:hover .group-hover\:scale-105 {
        transform: scale(1) !important;
    }

    .group:hover .group-hover\:scale-110 {
        transform: scale(1) !important;
    }
}