@tailwind base;@tailwind components;@tailwind utilities;html.dark body{@apply bg-tech-black text-white;}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-gray-300 dark:bg-white/20 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gray-400 dark:bg-white/30;}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-delayed{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes pulse-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes orbit{0%{transform:rotate(0) translate(300px) rotate(0)}to{transform:rotate(360deg) translate(300px) rotate(-360deg)}}@keyframes float-random-x{0%,to{transform:translate(0)}25%{transform:translate(150px)}50%{transform:translate(-50px)}75%{transform:translate(-150px)}}@keyframes float-random-y{0%,to{transform:translateY(0)}33%{transform:translateY(-100px)}66%{transform:translateY(100px)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 7s ease-in-out infinite;animation-delay:1s}.animate-pulse-glow{animation:pulse-glow 3s infinite}.animate-orbit{animation:orbit 20s linear infinite}.perspective-1000{perspective:1000px}.bg-grid-pattern{background-size:40px 40px;background-image:linear-gradient(to right,#e5e7eb 1px,transparent 1px),linear-gradient(to bottom,#e5e7eb 1px,transparent 1px)}html.dark .bg-grid-pattern{background-image:linear-gradient(to right,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn 1.5s ease-out forwards}@keyframes infinite-scroll-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-infinite-scroll-reverse{animation:infinite-scroll-reverse 25s linear infinite}