@tailwind base;@tailwind components;@tailwind utilities;:root{--neon-sky:#0ea5e9;--neon-amber:#f59e0b;--neon-rose:#f43f5e}@layer base{@apply bg-slate-100 dark:bg-slate-950 text-slate-900 dark:text-slate-100 overflow-hidden;body{font-family:Inter,system-ui,sans-serif}}.arcade-grid{background-image:linear-gradient(90deg,#0ea5e91a 1px,#0000 1px),linear-gradient(#0ea5e91a 1px,#0000 1px);background-size:40px 40px;animation:20s linear infinite scroll-grid}@apply bg-slate-900/40 backdrop-blur-md border border-white/10 shadow-2xl;.glass-card{transition:all .3s cubic-bezier(.4,0,.2,1)}@apply bg-slate-900/60 border-white/20 -translate-y-1;.glass-card:hover{box-shadow:0 20px 40px #0006,0 0 20px #0ea5e933}.neon-text-sky{text-shadow:0 0 10px var(--neon-sky), 0 0 20px var(--neon-sky)}.neon-text-amber{text-shadow:0 0 10px var(--neon-amber), 0 0 20px var(--neon-amber)}.neon-border-sky{box-shadow:0 0 15px var(--neon-sky), inset 0 0 5px var(--neon-sky)}@keyframes pulse-glow{0%,to{opacity:.5;filter:brightness()}50%{opacity:1;filter:brightness(1.5)}}.animate-pulse-glow{animation:2s ease-in-out infinite pulse-glow}.custom-scrollbar::-webkit-scrollbar{width:20px;height:20px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0ea5e9 padding-box content-box;border:4px solid #0000;border-radius:20px;box-shadow:0 0 10px #0ea5e980}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#38bdf8 padding-box content-box;border:4px solid #0000;box-shadow:0 0 15px #38bdf866}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#f59e0b padding-box content-box}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes target-flash{0%,to{fill-opacity:.2}50%{fill-opacity:.8}}.animate-target-flash{animation:.8s ease-in-out infinite target-flash}@keyframes float-up-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}.floating-text{animation:1.5s cubic-bezier(.22,1,.36,1) forwards float-up-fade}.sisal-texture{filter:url(#noiseFilter)}.card-perspective{perspective:1000px}.card-inner{transform-style:preserve-3d;transition:transform .5s}.card-perspective:hover .card-inner{transform:rotateX(5deg)rotateY(5deg)}
