@tailwind base;@tailwind components;@tailwind utilities;@layer utilities{.glass{@apply bg-white/10 backdrop-blur-md border border-white/20 shadow-xl;}.glass-dark{@apply bg-slate-900/40 backdrop-blur-md border border-white/10 shadow-xl;}.text-gradient{@apply bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-600;}}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes float-medium{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.05)}}.animate-float-slow{animation:float-slow 8s ease-in-out infinite}.animate-float-medium{animation:float-medium 6s ease-in-out infinite}.glass-panel{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000005}.dark .glass-panel{background:#0f172a99;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 8s ease infinite}@keyframes gradient-x{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.mesh-bg{background-color:#f8fafc;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%)}.dark .mesh-bg{background-color:#020617;background-image:radial-gradient(circle at 15% 50%,rgba(76,29,149,.15) 0%,transparent 40%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.15) 0%,transparent 40%)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{@apply bg-slate-100 dark:bg-slate-950;}::-webkit-scrollbar-thumb{@apply bg-slate-300 dark:bg-slate-800 rounded-full hover:bg-slate-400 dark:hover:bg-slate-700;}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-scroll-left{animation:scroll-left 40s linear infinite;width:max-content}.hover\:pause:hover{animation-play-state:paused}