@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #0f172a;--color-secondary: #1e293b;--color-accent: #38bdf8;--color-text-main: #f8fafc;--color-text-muted: #94a3b8;--color-bg-light: #f1f5f9}@layer base{html{scroll-behavior:smooth}body{@apply font-sans antialiased text-slate-800 bg-white;}h1,h2,h3,h4,h5,h6{@apply font-bold tracking-tight;}}@layer components{.btn-primary{@apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-lg text-white bg-brand-primary hover:bg-brand-secondary focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-primary transition-all duration-300 transform hover:-translate-y-1 hover:shadow-xl;}.btn-accent{@apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-full shadow-lg text-white bg-brand-accent hover:bg-sky-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand-accent transition-all duration-300 transform hover:-translate-y-1 hover:shadow-xl;}.card-hover{@apply transition-all duration-300 hover:shadow-2xl hover:-translate-y-2;}.glass-panel{@apply bg-white/80 backdrop-blur-md border border-white/20 shadow-xl;}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px #38bdf833}50%{box-shadow:0 0 25px #38bdf880}}.animate-pulse-glow{animation:pulse-glow 3s infinite}}.bg-gradient-premium{background:linear-gradient(135deg,#0f172a,#1e293b)}.bg-gradient-light{background:linear-gradient(135deg,#f8fafc,#eff6ff)}