@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--bg-dark: #120607;--bg-panel: rgba(26, 12, 14, .7);--spidey-red: #E62429;--spidey-red-glow: rgba(230, 36, 41, .5);--text-main: #f4f3ef;--text-muted: #a09899;--border-light: rgba(230, 36, 41, .15)}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer utilities{.bg-tech-grid{background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px}.glass-panel{background:#0a0a0c99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-light)}.glow-red{box-shadow:0 0 40px var(--spidey-red-glow),inset 0 0 20px #e624291a}.glow-text-red{text-shadow:0 0 20px var(--spidey-red-glow)}.text-gradient{background:linear-gradient(180deg,#fff,#ffffff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--spidey-red)}@keyframes crawl-diagonal{0%{transform:translate(-100px,-100px) rotate(45deg);opacity:0}5%{opacity:.15}95%{opacity:.15}to{transform:translate(120vw,120vh) rotate(45deg);opacity:0}}@keyframes crawl-up{0%{transform:translateY(100vh) rotate(0);opacity:0}5%{opacity:.1}95%{opacity:.1}to{transform:translateY(-100px) rotate(0);opacity:0}}@keyframes crawl-diagonal-reverse{0%{transform:translate(120vw,-100px) rotate(-135deg);opacity:0}5%{opacity:.12}95%{opacity:.12}to{transform:translate(-100px,120vh) rotate(-135deg);opacity:0}}.animate-crawl-1{animation:crawl-diagonal 40s linear infinite}.animate-crawl-2{animation:crawl-up 35s linear infinite 15s}.animate-crawl-3{animation:crawl-diagonal-reverse 50s linear infinite 5s}}