@tailwind base;
@tailwind components;
@tailwind utilities;

@import 'plyr/dist/plyr.css';

:root {
    --plyr-color-main: #0057FF; /* EduMESS Blue */
    --plyr-font-family: inherit;
    --plyr-video-control-background-hover: #0057FF;
}

/* Premium SaaS Aesthetic */
@layer base {
    body {
        @apply text-gray-900 bg-white font-sans;
    }
}

@layer components {
    .saas-card {
        @apply bg-white p-8 rounded-3xl border border-gray-100 shadow-[0_4px_20px_-5px_rgba(0,0,0,0.1)] hover:shadow-[0_20px_50px_-15px_rgba(0,0,0,0.15)] transition-all duration-300;
    }
    .edu-video-player {
        @apply rounded-[32px] overflow-hidden shadow-2xl;
    }
    
    /* 3D Gallery Effects */
    .testimonial-gallery {
        perspective: 1000px;
    }
    .testimonial-card {
        transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
        transform-origin: center center;
    }
    .testimonial-gallery:hover .testimonial-card {
        opacity: 0.7;
        transform: scale(0.85);
        filter: blur(2px);
    }
    .testimonial-gallery .testimonial-card:hover {
        opacity: 1;
        transform: scale(1.3) translateY(-20px);
        filter: blur(0px);
        z-index: 50;
        box-shadow: 0 40px 60px -20px rgba(0,0,0,0.5);
    }
}