@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";
:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#111;--color-bg-card:#1a1a1a;--color-bg-card-hover:#222;--color-bg-terminal:#0d0d0d;--color-red-primary:#dc2626;--color-red-light:#ef4444;--color-red-dark:#991b1b;--color-red-glow:#dc262666;--color-red-subtle:#dc26261a;--color-text-primary:#e4e4e7;--color-text-secondary:#a1a1aa;--color-text-muted:#52525b;--color-text-accent:#dc2626;--color-border:#27272a;--color-border-red:#dc26264d;--color-terminal-green:#22c55e;--color-terminal-yellow:#eab308;--color-terminal-red:#ef4444;--font-mono:"Fira Code", "Cascadia Code", "JetBrains Mono", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--z-bg:-1;--z-base:1;--z-card:10;--z-nav:100;--z-overlay:1000}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-mono);background-color:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-red-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-red-primary)}*{scrollbar-width:thin;scrollbar-color:var(--color-red-dark) var(--color-bg-primary)}::selection{background:var(--color-red-primary);color:#fff}a{color:var(--color-red-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-red-light)}.section{padding:var(--space-24) var(--space-6);max-width:1100px;margin:0 auto;position:relative}.section-title{font-size:var(--text-3xl);margin-bottom:var(--space-12);color:var(--color-text-primary);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.section-title .prompt{color:var(--color-red-primary);font-weight:400}.section-title .path{color:var(--color-text-muted);font-size:var(--text-lg);font-weight:400}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes glitch{0%{text-shadow:none;transform:translate(0)}20%{text-shadow:2px 0 #dc2626,-2px 0 #3b82f6;transform:translate(-2px,2px)}40%{text-shadow:-2px 0 #dc2626,2px 0 #3b82f6;transform:translate(2px,-1px)}60%{text-shadow:2px 0 #dc2626,-2px 0 #3b82f6;transform:translate(-1px,1px)}80%{text-shadow:-2px 0 #dc2626,2px 0 #3b82f6;transform:translate(1px,-2px)}to{text-shadow:none;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes progressFill{0%{width:0}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-red{0%,to{box-shadow:0 0 5px var(--color-red-glow)}50%{box-shadow:0 0 20px var(--color-red-glow), 0 0 40px #dc262633}}@keyframes flicker{0%,to{opacity:1}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}.cursor-blink{animation:1s step-end infinite blink}.glitch-text{animation:3s steps(2,end) infinite glitch}.glitch-text:hover{animation-duration:.3s}.fade-in-up{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.fade-in-up.visible{opacity:1;transform:translateY(0)}.flicker{animation:4s infinite flicker}@media (max-width:768px){.section{padding:var(--space-16) var(--space-4)}.section-title{font-size:var(--text-2xl)}:root{--text-7xl:2.5rem;--text-6xl:2.25rem;--text-5xl:2rem;--text-4xl:1.75rem}}@media (max-width:480px){.section{padding:var(--space-12) var(--space-3)}:root{--text-7xl:2rem;--text-6xl:1.75rem;--text-5xl:1.5rem}}