@tailwind base;@tailwind components;@tailwind utilities;:root{--accent-50: 239 246 255;--accent-100: 219 234 254;--accent-200: 191 219 254;--accent-300: 147 197 253;--accent-400: 96 165 250;--accent-500: 59 130 246;--accent-600: 37 99 235;--accent-700: 29 78 216;--accent-800: 30 64 175;--accent-900: 30 58 138}body{@apply bg-slate-950;background-image:radial-gradient(circle at 15% 50%,rgb(var(--accent-900) / .15),transparent 40%),radial-gradient(circle at 85% 30%,rgb(var(--accent-800) / .15),transparent 40%),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,50px 50px,50px 50px;background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgb(var(--accent-600))}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-spin-slow{animation:spin-3d 10s linear infinite}.animate-spin-reverse-slow{animation:spin-3d-reverse 15s linear infinite}.animate-orbit-1{animation:orbit-1 8s linear infinite}.animate-orbit-2{animation:orbit-2 12s linear infinite}.animate-orbit-3{animation:orbit-3 10s linear infinite}@keyframes spin-3d{0%{transform:rotateY(0) rotateX(10deg)}to{transform:rotateY(360deg) rotateX(10deg)}}@keyframes spin-3d-reverse{0%{transform:rotateY(360deg) rotateX(-10deg)}to{transform:rotateY(0) rotateX(-10deg)}}@keyframes orbit-1{0%{transform:rotate(0) translate(120px) rotate(0) rotateY(0)}to{transform:rotate(360deg) translate(120px) rotate(-360deg) rotateY(-360deg)}}@keyframes orbit-2{0%{transform:rotate(120deg) translate(140px) rotate(-120deg) rotateY(0)}to{transform:rotate(480deg) translate(140px) rotate(-480deg) rotateY(-360deg)}}@keyframes orbit-3{0%{transform:rotate(240deg) translate(130px) rotate(-240deg) rotateY(0)}to{transform:rotate(600deg) translate(130px) rotate(-600deg) rotateY(-360deg)}}