@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #0ea5e9;--primary-dark: #0284c7;--primary-light: #7dd3fc;--accent: #f43f5e;--slate-950: #020617}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#0f172a}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0f172acc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.shadow-premium{box-shadow:0 20px 50px -12px #0f172a1a}.shadow-glow{box-shadow:0 0 20px #0ea5e94d}.bg-primary{background-color:var(--primary)}.text-primary{color:var(--primary)}.border-primary{border-color:var(--primary)}.hover-lift{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.hover-lift:hover{transform:translateY(-8px)}.scroll-animate{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.22,1,.36,1)}.scroll-animate.animate-in{opacity:1;transform:translateY(0)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 4s ease-in-out infinite}@keyframes gradient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-animated-gradient{background:linear-gradient(-45deg,#0ea5e9,#6366f1,#0284c7,#3b82f6);background-size:400% 400%;animation:gradient-bg 15s ease infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px;border:2px solid #f8fafc}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.lightbox-enter{opacity:0;transform:scale(.9)}.lightbox-enter-active{opacity:1;transform:scale(1);transition:all .3s ease-out}