@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{*{@apply scroll-smooth;}body{@apply bg-the-light text-the-dark antialiased;font-family:Inter,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif}}@layer components{.btn-primary{@apply bg-the-cyan-500 text-white px-8 py-4 rounded-xl font-semibold hover:bg-the-cyan-600 hover:shadow-lg hover:shadow-the-cyan-500/30 transition-all duration-300 transform hover:-translate-y-0.5;}.btn-secondary{@apply border-2 border-the-cyan-500 text-the-cyan-600 px-8 py-4 rounded-xl font-semibold hover:bg-the-cyan-500 hover:text-white transition-all duration-300;}.btn-ghost{@apply text-the-dark px-6 py-3 rounded-xl font-medium hover:bg-the-cyan-50 transition-all duration-300;}.section-container{@apply max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16 lg:py-24;}.card{@apply bg-white rounded-2xl p-8 shadow-xl shadow-the-cyan-100/50 border border-the-cyan-100 hover:shadow-2xl hover:shadow-the-cyan-200/50 transition-all duration-300;}.card-hover{@apply hover:-translate-y-1 hover:border-the-cyan-300;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-the-cyan-500 to-the-cyan-700;}.text-gradient-subtle{@apply bg-clip-text text-transparent bg-gradient-to-r from-the-cyan-600 to-the-cyan-400;}.section-title{@apply text-4xl lg:text-5xl font-display font-bold text-the-dark mb-4;}.section-subtitle{@apply text-lg text-the-gray max-w-3xl mx-auto leading-relaxed;}.glass{@apply bg-white/80 backdrop-blur-lg border border-white/20;}.glass-dark{@apply bg-the-dark/80 backdrop-blur-lg border border-the-dark/20;}.input-field{@apply w-full px-4 py-4 border-2 border-the-cyan-100 rounded-xl focus:border-the-cyan-500 focus:outline-none focus:ring-4 focus:ring-the-cyan-100/50 transition-all duration-300 bg-the-light;}.input-label{@apply block text-sm font-medium text-the-dark mb-2;}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes bounceGentle{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.animate-scale-in{animation:scaleIn .6s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}.animate-slide-in-right{animation:slideInRight .6s ease-out forwards}.animate-bounce-gentle{animation:bounceGentle 2s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{@apply bg-the-light;}::-webkit-scrollbar-thumb{@apply bg-the-cyan-300 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-the-cyan-500;}::selection{@apply bg-the-cyan-500 text-white;}:focus-visible{@apply outline-none ring-4 ring-the-cyan-500/30;}
