@tailwind base;@tailwind components;@tailwind utilities;:root{--primary: #00d8ff;--primary-dark: #00a3cc;--secondary: #ff0080;--dark-bg: #0a0f1a;--darker-bg: #050811;--card-bg: rgba(15, 23, 42, .8);--glow: 0 0 20px rgba(0, 216, 255, .5)}@layer base{body{@apply bg-gray-950 text-gray-100 font-exo overflow-x-hidden;background:radial-gradient(ellipse at top,var(--darker-bg) 0%,var(--dark-bg) 100%);min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(0,216,255,.05) 0%,transparent 20%),radial-gradient(circle at 80% 70%,rgba(255,0,128,.05) 0%,transparent 20%),radial-gradient(circle at 40% 80%,rgba(0,216,255,.03) 0%,transparent 15%);z-index:-1;pointer-events:none}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,216,255,.03) 50%);background-size:100% 4px;z-index:-1;pointer-events:none;opacity:.3}}@layer components{.font-orbitron{font-family:Orbitron,monospace;font-weight:700;letter-spacing:.05em}.font-exo{font-family:"Exo 2",sans-serif}.btn-gaming{@apply font-orbitron px-6 py-3 rounded-lg transition-all duration-300 border-2 border-transparent bg-gradient-to-r from-cyan-500/20 to-purple-500/20 backdrop-blur-sm relative overflow-hidden;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,216,255,.5)}.btn-gaming:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,216,255,.2),transparent);transition:left .5s}.btn-gaming:hover:before{left:100%}.btn-gaming:hover{@apply border-cyan-400 shadow-[0_0_25px_rgba(0,216,255,.4)] scale-[1.02];}.btn-gaming:active{transform:scale(.98)}.btn-steam{@apply bg-gradient-to-r from-[#1b2838] to-[#2a475e] hover:from-[#2a475e] hover:to-[#1b2838] shadow-lg hover:shadow-xl transition-all duration-300;}.card-gaming{@apply bg-gradient-to-br from-gray-900/80 to-gray-950/90 backdrop-blur-lg border border-gray-800/50 rounded-xl shadow-2xl relative overflow-hidden;}.card-gaming:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.card-gaming:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(0,216,255,.03) 50%,transparent 70%);pointer-events:none}.input-futuristic{@apply bg-gray-900/50 border-2 border-gray-700/50 rounded-lg px-4 py-3 text-gray-100 placeholder-gray-500 font-exo transition-all duration-300 focus:outline-none focus:border-cyan-500/70 focus:ring-2 focus:ring-cyan-500/30 focus:bg-gray-900/70 backdrop-blur-sm;}.badge-pulse{animation:pulse 2s infinite}.badge-success{@apply bg-gradient-to-r from-emerald-500/20 to-emerald-600/30 border border-emerald-500/30;}.badge-danger{@apply bg-gradient-to-r from-rose-500/20 to-rose-600/30 border border-rose-500/30;}.badge-warning{@apply bg-gradient-to-r from-amber-500/20 to-amber-600/30 border border-amber-500/30;}.table-grid{@apply bg-gray-900/30 backdrop-blur-sm border border-gray-800/50 rounded-lg;}.table-grid th{@apply bg-gradient-to-r from-gray-900/80 to-gray-950/80 border-b border-gray-800/50 py-3 px-4 text-left font-orbitron text-sm tracking-wider;}.table-grid td{@apply border-b border-gray-800/30 py-3 px-4;}.table-grid tr:hover{@apply bg-gray-800/20;}.text-glow{text-shadow:0 0 20px rgba(0,216,255,.7)}.text-gradient{@apply bg-gradient-to-r from-cyan-400 to-purple-400 bg-clip-text text-transparent;}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d8ff80}50%{box-shadow:0 0 20px #00d8ffcc}}@keyframes scan{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-scan{animation:scan 3s linear infinite}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{@apply bg-gray-900/50;}::-webkit-scrollbar-thumb{@apply bg-gradient-to-b from-cyan-500/50 to-purple-500/50 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-gradient-to-b from-cyan-500 to-purple-500;}