@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{font-family:"Poppins",sans-serif;scroll-behavior:smooth}body{@apply bg-white text-gray-800 antialiased leading-relaxed overflow-x-hidden}h1,h2,h3,h4{@apply font-bold text-gray-900}}@layer components{.nav-link{@apply relative text-gray-700 dark:text-gray-200 transition-colors duration-300}.nav-link::after{content:"";@apply absolute left-0 bottom-0 w-0 h-0.5 bg-brand transition-all duration-300}.nav-link:hover::after,.nav-link.active::after{@apply w-full}.nav-link.active{@apply text-brand font-semibold}.glow-logo{box-shadow:0 0 12px rgba(255,255,255,0.4)}.glow-logo:hover{box-shadow:0 0 20px rgba(255,255,255,0.7),0 0 40px rgba(255,255,255,0.5)}.shimmer-button{@apply relative overflow-hidden z-0}.shimmer-button::before{content:"";@apply absolute top-0 left-[-75%] w-[50%] h-full;background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);animation:shimmer 2.5s infinite;z-index:1}.pulse-button{animation:pulse 2s infinite}.glass{background:rgba(255,255,255,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.glass-dark{background:rgba(0,0,0,0.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1)}.premium-card{@apply relative overflow-hidden;background:linear-gradient(145deg,#fff 0,#f8f8f8 100%);box-shadow:0 10px 30px rgba(0,0,0,0.08),0 20px 60px rgba(0,0,0,0.04);transition:all .4s cubic-bezier(0.175,0.885,0.32,1.275)}.premium-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.12),0 30px 80px rgba(0,0,0,0.06)}.pro-gradient-border{background-image:linear-gradient(90deg,#6366f1,#ec4899,#fbbf24);background-size:200% 200%;animation:gradient-border 4s ease infinite;padding:3px}@media(max-width:768px){.premium-card:active{transform:scale(0.98)}}.feature-item{@apply relative p-8 rounded-2xl overflow-hidden;background:linear-gradient(135deg,#f8f9ff 0,#fff 100%);border:1px solid rgba(99,102,241,0.1);transition:all .3s ease}.feature-item:hover{border-color:rgba(99,102,241,0.3);box-shadow:0 10px 30px rgba(99,102,241,0.1)}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all 1s cubic-bezier(0.165,0.84,0.44,1)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.premium-badge{@apply inline-flex items-center px-3 py-1 rounded-full text-xs font-bold;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;box-shadow:0 4px 15px rgba(251,191,36,0.4)}.price-tag{@apply relative inline-block}.price-tag::after{content:"";@apply absolute -top-2 -right-2 w-4 h-4 bg-yellow-400 rounded-full;box-shadow:0 0 10px rgba(251,191,36,0.6);animation:ping 2s cubic-bezier(0,0,0.2,1) infinite}}@layer utilities{@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{left:-75%}100%{left:125%}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes floatBlob{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes gradient-border{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-2deg)}75%{transform:translateY(5px) rotate(2deg)}}@keyframes glow-pulse{0%,100%{box-shadow:0 0 20px rgba(99,102,241,0.3)}50%{box-shadow:0 0 40px rgba(99,102,241,0.6)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes slideIn{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}.animate-blob{animation:floatBlob 8s ease-in-out infinite}.gradient-blob{background:linear-gradient(45deg,#a855f7,#fcd34d,#4f46e5,#ec4899);background-size:300% 300%;animation:gradientShift 12s ease infinite,floatBlob 8s ease-in-out infinite}.gradient-text{background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;display:inline-block}.container-responsive{@apply w-full mx-auto px-4 sm:px-6 lg:px-8;max-width:1280px}.section-padding{@apply py-8 sm:py-10 md:py-12 lg:py-16}.section-bg-white{@apply bg-white}.section-bg-gray{@apply bg-gray-50}.section-bg-gradient{@apply bg-gradient-to-b from-purple-50 to-pink-50}.section-bg-dark{@apply bg-gray-900 text-white}.section-divider-wave{@apply absolute bottom-0 left-0 w-full overflow-hidden leading-none}.section-divider-wave svg{@apply relative block w-full h-16 md:h-24}.section-divider-slant{@apply absolute top-0 left-0 w-full overflow-hidden leading-none rotate-180}.section-divider-slant svg{@apply relative block w-full h-16 md:h-24}.feature-icon{@apply w-16 h-16 rounded-2xl flex items-center justify-center mb-6;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%);box-shadow:0 10px 20px -5px rgba(99,102,241,0.35)}.stats-number{@apply text-4xl md:text-5xl font-bold;background:linear-gradient(135deg,#6366f1 0,#ec4899 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}.animation-delay-800{animation-delay:.8s}.animation-delay-1000{animation-delay:1s}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.shadow-premium{box-shadow:0 20px 40px -15px rgba(0,0,0,0.15)}.hover-lift{transition:all .3s cubic-bezier(0.4,0,0.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 24px -10px rgba(0,0,0,0.2)}.float-animation{animation:float 6s ease-in-out infinite}.glow-effect{animation:glow-pulse 3s ease-in-out infinite}}