@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-glow: radial-gradient(rgba(37, 99, 235, .1), rgba(37, 99, 235, 0));--secondary-glow: conic-gradient(from 180deg at 50% 50%, #2563eb 0deg, #4f46e5 55deg, #0ea5e9 120deg, #2563eb 160deg, #4f46e5 360deg)}@layer base{body{@apply bg-slate-950 text-slate-200 antialiased;overflow-x:hidden}}@layer components{.premium-gradient{@apply bg-gradient-to-br from-blue-700 via-indigo-900 to-slate-900;}.neon-card{@apply bg-slate-900 border border-white/10 shadow-[0_0_15px_rgba(37,99,235,.1)] transition-all duration-300;}.neon-card-hover{@apply hover:border-blue-500/50 hover:shadow-[0_0_25px_rgba(37,99,235,.2)] hover:-translate-y-1;}.neon-border-blue{@apply border border-blue-500/30 shadow-[0_0_10px_rgba(37,99,235,.2)];}.neon-border-indigo{@apply border border-indigo-500/30 shadow-[0_0_10px_rgba(79,70,229,.2)];}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-blue-400 via-indigo-300 to-blue-500;}.mesh-bg{@apply bg-slate-950;background-image:radial-gradient(at 0% 0%,rgba(30,41,59,.7) 0,transparent 50%),radial-gradient(at 100% 0%,rgba(15,23,42,.7) 0,transparent 50%)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes glow{0%,to{opacity:.5}50%{opacity:.8}}.animate-glow{animation:glow 4s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-slate-900;}::-webkit-scrollbar-thumb{@apply bg-slate-700 rounded-full hover:bg-blue-600 transition-colors;}
