@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}body{@apply bg-[#0f172a] text-white overflow-x-hidden antialiased;font-family:Space Grotesk,sans-serif}h1,h2,h3,.font-heading{font-family:Syncopate,sans-serif}}@layer components{.focus-cyber{@apply transition-all duration-500 ease-out border border-white/10 bg-black/30 outline-none relative z-10;}.focus-cyber:focus{@apply bg-slate-900/90 -translate-y-1 scale-[1.005] z-20 border-cyan-400;box-shadow:0 0 25px #22d3ee66}.custom-scrollbar::-webkit-scrollbar{display:block;width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:#ffffff05}.custom-scrollbar::-webkit-scrollbar-thumb{background:#22d3ee33;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#22d3ee66}}@keyframes cyber-border-glow{0%,to{box-shadow:0 0 8px #22d3eee6,0 0 20px #22d3ee66,inset 0 0 12px #22d3ee33;border-color:#22d3ee}50%{box-shadow:0 0 15px #22d3ee,0 0 35px #22d3eeb3,inset 0 0 20px #22d3ee66;border-color:#22d3ee}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@keyframes scanline{0%{transform:translateY(-100%);opacity:0}50%{opacity:.3}to{transform:translateY(100%);opacity:0}}.ai-refined{position:relative;overflow:hidden}.ai-refined:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(34,211,238,.1),transparent);animation:scanline 2s linear infinite;pointer-events:none;z-index:2}