:root{--bg-void:#07090f;--bg-dark:#0d1117;--bg-surface:#111827;--bg-elevated:#1a2235;--green:#39ff8f;--green-mid:#1db85e;--green-glow:#39ff8f1f;--green-glow2:#39ff8f0f;--orange:#ff6542;--orange-glow:#ff65421f;--purple:#9d7aff;--blue:#4fc3f7;--yellow:#ffd166;--text-1:#e2e8f0;--text-2:#8892a4;--text-3:#4a5568;--border:#1e2d4a;--border-bright:#2a3f60;--font-pixel:"Press Start 2P", monospace;--font-mono:"JetBrains Mono", monospace;--radius:2px;--transition:.2s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-mono);background-color:var(--bg-void);color:var(--text-1);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);position:fixed;inset:0}.pixel-grid{background-image:linear-gradient(#39ff8f08 1px,#0000 1px),linear-gradient(90deg,#39ff8f08 1px,#0000 1px);background-size:32px 32px}.font-pixel{font-family:var(--font-pixel)}.font-mono{font-family:var(--font-mono)}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:600}a{color:inherit;text-decoration:none}.glow-green{color:var(--green);text-shadow:0 0 8px #39ff8fcc,0 0 20px #39ff8f66,0 0 40px #39ff8f26}.glow-orange{color:var(--orange);text-shadow:0 0 8px #ff6542cc,0 0 20px #ff654266}.pixel-card{background:var(--bg-surface);border:1px solid var(--border);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);box-shadow:3px 3px #0009}.pixel-card:hover{border-color:var(--green);box-shadow:3px 3px 0 0 var(--green-mid), 0 0 24px var(--green-glow);transform:translate(-2px,-2px)}.btn{font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;transition:all var(--transition);text-transform:uppercase;border:1px solid;align-items:center;gap:8px;padding:12px 24px;font-size:.85rem;font-weight:600;display:inline-flex;position:relative}.btn-primary{background:var(--green);color:var(--bg-void);border-color:var(--green);box-shadow:4px 4px 0 0 var(--green-mid)}.btn-primary:hover{box-shadow:6px 6px 0 0 var(--green-mid), 0 0 20px var(--green-glow);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:0 0 0 var(--green-mid);transform:translate(2px,2px)}.btn-ghost{color:var(--text-2);border-color:var(--border-bright);background:0 0;box-shadow:4px 4px #0006}.btn-ghost:hover{color:var(--text-1);border-color:var(--text-2);transform:translate(-2px,-2px);box-shadow:6px 6px #0006}.section{padding:80px 0}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-label{font-family:var(--font-pixel);letter-spacing:.2em;color:var(--green);text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-size:.5rem;display:flex}.section-label:before{content:"//";color:var(--text-3)}.section-title{color:var(--text-1);margin-bottom:12px;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes glow-pulse{0%,to{text-shadow:0 0 8px #39ff8fcc,0 0 20px #39ff8f66,0 0 40px #39ff8f26}50%{text-shadow:0 0 12px #39ff8f,0 0 30px #39ff8f99,0 0 60px #39ff8f4d}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes progress-fill{0%{width:0}}@keyframes glitch{0%{clip-path:inset(0 0 98%);transform:translate(-4px)}10%{clip-path:inset(40% 0 50%);transform:translate(4px)}20%{clip-path:inset(80% 0 10%);transform:translate(-2px)}30%{clip-path:inset(20% 0 70%);transform:translate(2px)}40%{clip-path:inset(60% 0 30%);transform:translate(-4px)}50%{clip-path:inset(0);transform:translate(0)}to{clip-path:inset(0);transform:translate(0)}}.animate-fade-up{animation:.6s forwards fade-up}.animate-fade-in{animation:.6s forwards fade-in}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border-bright)}::-webkit-scrollbar-thumb:hover{background:var(--green-mid)}::selection{background:var(--green);color:var(--bg-void)}.tag{font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-2);background:var(--bg-surface);letter-spacing:.03em;transition:all var(--transition);align-items:center;padding:4px 10px;font-weight:500;display:inline-flex}.tag:hover{border-color:var(--green);color:var(--green);background:var(--green-glow2)}.pixel-divider{background:linear-gradient(90deg, transparent, var(--border), transparent);height:1px;margin:0}.terminal-input{background:var(--bg-dark);border:1px solid var(--border);width:100%;color:var(--text-1);font-family:var(--font-mono);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:12px 16px;font-size:.9rem}.terminal-input:focus{border-color:var(--green);box-shadow:0 0 0 1px var(--green), 0 0 16px var(--green-glow)}.terminal-input::placeholder{color:var(--text-3)}textarea.terminal-input{resize:vertical;min-height:120px}