@layer base{:root{--color-primary: 6 182 212;--color-secondary: 217 70 239;--color-accent: 59 130 246;--color-bg: 3 7 18;--color-surface: 15 23 42;--color-surface-card: 20 29 51;--color-text-main: 248 250 252;--color-text-muted: 148 163 184}[data-mode=light]{--color-bg: 248 250 252;--color-surface: 255 255 255;--color-surface-card: 241 245 249;--color-text-main: 15 23 42;--color-text-muted: 71 85 105}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;background-color:rgb(var(--color-bg));color:rgb(var(--color-text-main));transition:background-color .4s ease,color .4s ease;overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Orbitron,sans-serif;letter-spacing:-.02em}.font-orbitron{font-family:Orbitron,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.font-display{font-family:Space Grotesk,sans-serif}.glass-panel{background:rgba(var(--color-surface),.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(var(--color-primary),.15)}.glass-card{background:rgba(var(--color-surface),.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);transition:all .3s cubic-bezier(.16,1,.3,1)}[data-mode=light] .glass-card{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px -2px #0000000d}.glass-card:hover{border-color:rgba(var(--color-primary),.4);box-shadow:0 12px 30px -10px rgba(var(--color-primary),.2);transform:translateY(-2px)}.neon-text{text-shadow:0 0 15px rgb(var(--color-primary) / .6),0 0 30px rgb(var(--color-primary) / .3)}.neon-text-secondary{text-shadow:0 0 15px rgb(var(--color-secondary) / .6),0 0 30px rgb(var(--color-secondary) / .3)}[data-mode=light] .neon-text,[data-mode=light] .neon-text-secondary{text-shadow:none;font-weight:800;filter:drop-shadow(0 1px 2px rgb(var(--color-primary) / .3))}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:rgb(var(--color-bg))}::-webkit-scrollbar-thumb{background:rgb(var(--color-primary) / .4);border-radius:9999px;border:1px solid rgb(var(--color-primary) / .2)}::-webkit-scrollbar-thumb:hover{background:rgb(var(--color-primary) / .8)}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.ambient-glow-primary{background:radial-gradient(circle at center,rgb(var(--color-primary) / .15) 0%,transparent 70%)}.ambient-glow-secondary{background:radial-gradient(circle at center,rgb(var(--color-secondary) / .15) 0%,transparent 70%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes float-slow{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(1deg)}}@keyframes pulse-glow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-effect{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.08) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 3s infinite}.scanline:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgb(var(--color-primary) / .04) 51%,transparent 52%);background-size:100% 4px;pointer-events:none;z-index:10}.bg-grid-cyber{background-image:linear-gradient(rgb(var(--color-primary) / .04) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--color-primary) / .04) 1px,transparent 1px);background-size:48px 48px}.badge-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:rgba(var(--color-primary),.1);border:1px solid rgba(var(--color-primary),.25);color:rgb(var(--color-primary));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}