:root{--bg: #0a0a0f;--bg-secondary: #0f0f18;--bg-terminal: #050508;--bg-panel: rgba(10, 10, 15, .95);--text: #e0e0e0;--text-secondary: #8892b0;--text-dim: #4a5568;--neon-green: #00ff41;--neon-cyan: #00d4ff;--neon-magenta: #ff00ff;--neon-yellow: #ffff00;--neon-red: #ff0040;--neon-orange: #ff6600;--neon-purple: #8000ff;--accent-primary: var(--neon-cyan);--accent-secondary: var(--neon-magenta);--accent-tertiary: var(--neon-green);--glow-cyan: 0 0 10px var(--neon-cyan), 0 0 20px var(--neon-cyan), 0 0 40px var(--neon-cyan);--glow-green: 0 0 10px var(--neon-green), 0 0 20px var(--neon-green), 0 0 40px var(--neon-green);--glow-magenta: 0 0 10px var(--neon-magenta), 0 0 20px var(--neon-magenta), 0 0 40px var(--neon-magenta);--glow-red: 0 0 10px var(--neon-red), 0 0 20px var(--neon-red);--terminal-green: #00ff41;--terminal-prompt: #00d4ff;--terminal-error: #ff0040;--terminal-warning: #ffff00;--terminal-success: #00ff41;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 8px 24px rgba(0, 0, 0, .6);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .7);--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--font-sans: "Inter", sans-serif;--font-display: "Orbitron", sans-serif;--spacing-unit: 1rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--max-width: 1200px;--border-radius: 4px;--border-radius-lg: 8px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes glitch-1{0%{clip-path:inset(40% 0 61% 0)}20%{clip-path:inset(92% 0 1% 0)}40%{clip-path:inset(43% 0 1% 0)}60%{clip-path:inset(25% 0 58% 0)}80%{clip-path:inset(54% 0 7% 0)}to{clip-path:inset(58% 0 43% 0)}}@keyframes glitch-2{0%{clip-path:inset(65% 0 20% 0)}20%{clip-path:inset(10% 0 55% 0)}40%{clip-path:inset(1% 0 90% 0)}60%{clip-path:inset(75% 0 5% 0)}80%{clip-path:inset(22% 0 70% 0)}to{clip-path:inset(45% 0 15% 0)}}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,to{opacity:1}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--neon-cyan),0 0 10px var(--neon-cyan)}50%{box-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan)}}@keyframes scan{0%{top:0%}to{top:100%}}@keyframes boot-line{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes data-stream{0%{background-position:0 0}to{background-position:0 100%}}.inter-thin{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:normal}.inter-extralight{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal}.inter-light{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.inter-regular{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.inter-medium{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.inter-semibold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal}.inter-bold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.inter-extrabold{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal}.inter-black{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.inter-thin-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:100;font-style:italic}.inter-extralight-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:italic}.inter-light-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:italic}.inter-regular-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:italic}.inter-medium-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:italic}.inter-semibold-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:italic}.inter-bold-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:italic}.inter-extrabold-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:italic}.inter-black-italic{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:900;font-style:italic}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:60px 0 0;font-family:var(--font-mono);background-color:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;overflow-y:auto;height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%);pointer-events:none;z-index:9998}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;margin:0 0 var(--spacing-md) 0;line-height:1.2;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:2px}h1{font-size:clamp(1.5rem,4vw,2.5rem);text-shadow:var(--glow-cyan)}h2{font-size:clamp(1.25rem,3vw,2rem);color:var(--neon-green);text-shadow:var(--glow-green)}h3{font-size:clamp(1rem,2.5vw,1.5rem)}p{margin:0 0 var(--spacing-md) 0;color:var(--text-secondary)}p:last-child{margin-bottom:0}a{color:var(--neon-cyan);text-decoration:none;transition:all var(--transition-fast)}a:hover{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-lg)}.terminal-text{font-family:var(--font-mono);color:var(--neon-green)}.prompt{color:var(--terminal-prompt)}.prompt:before{content:"> ";color:var(--neon-green)}.error-text{color:var(--terminal-error)}.success-text{color:var(--terminal-success)}.warning-text{color:var(--terminal-warning)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg);border-left:1px solid var(--neon-green)}::-webkit-scrollbar-thumb{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan);box-shadow:var(--glow-cyan)}::selection{background:var(--neon-cyan);color:var(--bg)}:focus-visible{outline:1px solid var(--neon-cyan);outline-offset:2px;box-shadow:var(--glow-cyan)}@media(max-width:768px){body{padding-top:50px}}
