@tailwind base;@tailwind components;@tailwind utilities;body{margin:0;font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#fff;scrollbar-color:#5a5a5a #0a0a0a;scrollbar-width:thin}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:9999px;border:2px solid #0a0a0a;box-shadow:inset 0 0 0 1px #ffffff14}::-webkit-scrollbar-thumb:hover{background:#ff9e1b;border-color:#0a0a0a}::-webkit-scrollbar-thumb:active{background:#e68a00;border-color:#0a0a0a}::-webkit-scrollbar-corner{background:#0a0a0a}@layer utilities{.bg-grid-white{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='32' height='32' fill='none' stroke='rgb(255 255 255 / 0.05)'%3e%3cpath d='M0 .5H31.5V32'/%3e%3c/svg%3e")}.animate-scan{animation:scan 3s linear infinite}.animate-scan-slow{animation:scan 8s linear infinite}.animate-marquee{animation:marquee 25s linear infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float 6s ease-in-out infinite;animation-delay:3s}.animate-meteor{animation:meteor 5s linear infinite}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.animate-flash{animation:flash 2s infinite}.animate-flash-random{animation:flash 4s infinite}.pause-on-hover:hover .animate-marquee{animation-play-state:paused}.animate-shine{animation:shine 8s ease-in-out infinite}.animate-float-soft{animation:float-soft 6s ease-in-out infinite}.animate-scroll-dot{animation:scroll-dot 1.6s ease-in-out infinite}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(500%)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes scroll-dot{0%,to{transform:translateY(2px);opacity:.7}50%{transform:translateY(6px);opacity:1}}@keyframes meteor{0%{transform:rotate(215deg) translate(0);opacity:1}70%{opacity:1}to{transform:rotate(215deg) translate(-500px);opacity:0}}@keyframes flash{0%,to{opacity:.1}50%{opacity:.8}}@keyframes shine{0%{transform:translate(-200%)}to{transform:translate(200%)}}.perspective-1000{perspective:1000px}.rotate-y-12{transform:rotateY(-12deg) rotateX(5deg)}