@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--radius: .625rem;--background: #0a0a0f;--foreground: #e0e0e0;--card: rgba(15, 20, 30, .95);--card-foreground: #e0e0e0;--popover: rgba(15, 20, 30, .98);--popover-foreground: #e0e0e0;--primary: #00d4ff;--primary-foreground: #0a0a0f;--secondary: rgba(255, 255, 255, .1);--secondary-foreground: #e0e0e0;--muted: rgba(255, 255, 255, .05);--muted-foreground: #888888;--accent: #ffb800;--accent-foreground: #0a0a0f;--destructive: #ff4444;--border: rgba(0, 212, 255, .3);--input: rgba(255, 255, 255, .1);--ring: #00d4ff;--chart-1: #00d4ff;--chart-2: #ffb800;--chart-3: #ff00ff;--chart-4: #00ff88;--chart-5: #ff4444}body{@apply bg-background text-foreground;font-family:Rajdhani,sans-serif}}.font-orbitron{font-family:Orbitron,sans-serif}.font-rajdhani{font-family:Rajdhani,sans-serif}.font-mono-tech{font-family:Share Tech Mono,monospace}.glow-cyan{box-shadow:0 0 10px #00d4ff80,0 0 20px #00d4ff4d}.glow-cyan-text{text-shadow:0 0 10px rgba(0,212,255,.8),0 0 20px rgba(0,212,255,.5)}.glow-amber{box-shadow:0 0 10px #ffb80080,0 0 20px #ffb8004d}.glow-amber-text{text-shadow:0 0 10px rgba(255,184,0,.8),0 0 20px rgba(255,184,0,.5)}.border-neon{border:1px solid rgba(0,212,255,.5);box-shadow:0 0 10px #00d4ff33,inset 0 0 10px #00d4ff0d}.glass-panel{background:#0f141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,212,255,.3)}.scanlines:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:1}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00d4ff80,0 0 10px #00d4ff4d}50%{box-shadow:0 0 15px #00d4ffcc,0 0 30px #00d4ff80}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes card-zoom-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes card-fade-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(10px)}}.animate-card-in{animation:card-zoom-in .9s ease-out forwards}.animate-card-out{animation:card-fade-out .9s ease-in forwards}.duration-900{transition-duration:.9s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000004d}::-webkit-scrollbar-thumb{background:#00d4ff80;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ffcc}@keyframes meteor-fall{0%{transform:translate(0) scale(1);opacity:1}80%{opacity:1}to{transform:translate(calc(var(--end-x) - var(--start-x)),calc(var(--end-y) - var(--start-y))) scale(.5);opacity:0}}.meteor-strike{position:absolute;width:4px;height:4px;animation:meteor-fall var(--duration) linear forwards}.meteor-head{position:absolute;width:6px;height:6px;background:radial-gradient(circle,#ffffff 0%,#00d4ff 40%,transparent 70%);border-radius:50%;box-shadow:0 0 10px #00d4ff,0 0 20px #00d4ff,0 0 30px #00d4ff80;animation:meteor-head-pulse .1s ease-in-out infinite}@keyframes meteor-head-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.meteor-trail{position:absolute;width:2px;height:60px;background:linear-gradient(to bottom,rgba(0,212,255,.8) 0%,rgba(0,212,255,.4) 50%,transparent 100%);transform-origin:top center;transform:rotate(-15deg) translateY(-50px);filter:blur(1px)}.meteor-glow{position:absolute;width:30px;height:30px;background:radial-gradient(circle,rgba(0,212,255,.3) 0%,transparent 70%);border-radius:50%;transform:translate(-12px,-12px);animation:meteor-glow-pulse .2s ease-in-out infinite}@keyframes meteor-glow-pulse{0%,to{opacity:.5;transform:translate(-12px,-12px) scale(1)}50%{opacity:.8;transform:translate(-12px,-12px) scale(1.3)}}@keyframes sandstorm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sandstorm-fade-out{0%{opacity:1}to{opacity:0}}.sandstorm-overlay{animation:sandstorm-fade-in 1s ease-out forwards,sandstorm-fade-out 1s ease-in calc(var(--duration) - 1s) forwards}.sandstorm-particles{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20px 30px,rgba(194,178,128,.8),transparent),radial-gradient(2px 2px at 40px 70px,rgba(194,178,128,.6),transparent),radial-gradient(1px 1px at 90px 40px,rgba(194,178,128,.7),transparent),radial-gradient(2px 2px at 130px 80px,rgba(194,178,128,.5),transparent),radial-gradient(1px 1px at 160px 20px,rgba(194,178,128,.6),transparent),radial-gradient(2px 2px at 200px 60px,rgba(194,178,128,.7),transparent),radial-gradient(1px 1px at 250px 90px,rgba(194,178,128,.5),transparent),radial-gradient(2px 2px at 300px 30px,rgba(194,178,128,.6),transparent);background-size:350px 100px;animation:sandstorm-particles-move var(--duration) linear infinite;opacity:.6}@keyframes sandstorm-particles-move{0%{background-position:0 0,50px 20px,100px 40px,150px 10px,200px 30px,250px 50px,300px 20px,350px 40px}to{background-position:350px 0,400px 20px,450px 40px,500px 10px,550px 30px,600px 50px,650px 20px,700px 40px}}.sandstorm-tint{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c2b28026,#a08c641a,#c2b28026);-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px)}