@tailwind base;@tailwind components;@tailwind utilities;:root{--background: 10 10 10;--foreground: 255 255 255}body{font-family:Inter,sans-serif;background-color:#fafafa;color:#171717;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark body,body.dark,.dark{background-color:#0a0a0a;color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.perspective-1000{perspective:1000px}.transform-style-3d{transform-style:preserve-3d}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition:background-color 5000s ease-in-out 0s;-webkit-text-fill-color:inherit!important}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus,.dark input:-webkit-autofill:active{-webkit-text-fill-color:white!important}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(10,10,10,.85);outline-offset:3px;border-radius:4px}.dark *:focus-visible{outline-color:#fffc}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-marquee{animation:marquee 25s linear infinite}@keyframes gradient-x{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 15s ease infinite}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}