@tailwind base;@tailwind components;@tailwind utilities;:root{--color-primary: #06b6d4;--color-secondary: #7c3aed;--color-accent: #f472b6;--bg-noise: url(https://grainy-gradients.vercel.app/noise.svg)}@layer base{body{@apply bg-[#030014] text-white overflow-x-hidden font-sans;background-image:radial-gradient(circle at 50% 0%,#1a1b26 0%,transparent 60%),var(--bg-noise);background-blend-mode:screen,overlay;background-attachment:fixed}.cyber-grid{position:fixed;inset:0;z-index:-1;background-size:50px 50px;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);-webkit-mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(circle at 50% 50%,black 40%,transparent 100%);pointer-events:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#020202}::-webkit-scrollbar-thumb{background:#333;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#06b6d4}}@layer utilities{.glass-panel{@apply bg-[#0a0a0a]/60 backdrop-blur-xl border border-white/10 shadow-[0_0_40px_-10px_rgba(6,182,212,.1)];}.glass-card{@apply bg-white/5 backdrop-blur-lg border border-white/10 transition-all duration-500 hover:bg-white/10 hover:border-[#06b6d4]/50 hover:shadow-[0_0_30px_rgba(6,182,212,.2)] rounded-2xl;}.glass-nav{@apply bg-[#0a0a0a]/80 backdrop-blur-2xl border border-white/10 shadow-[0_10px_40px_-10px_rgba(0,0,0,.8)] rounded-2xl;}.text-glow{text-shadow:0 0 20px rgba(6,182,212,.5)}.text-gradient-cyber{@apply bg-clip-text text-transparent bg-gradient-to-r from-cyan-400 via-blue-500 to-purple-600 animate-gradient-x;}.text-gradient-gold{@apply bg-clip-text text-transparent bg-gradient-to-r from-amber-200 via-yellow-400 to-amber-600;}.text-gradient-silver{@apply bg-clip-text text-transparent bg-gradient-to-r from-gray-200 via-gray-400 to-gray-500;}.holo-border{position:relative;overflow:hidden}.holo-border:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(45deg,transparent 40%,rgba(6,182,212,.5),transparent 60%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}.animate-tilt{animation:tilt 10s infinite linear}@keyframes tilt{0%,50%,to{transform:rotate(0)}25%{transform:rotate(.5deg)}75%{transform:rotate(-.5deg)}}.animate-gradient-x{background-size:200% 200%;animation:gradient-x 4s ease infinite}@keyframes gradient-x{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}