:root{--bg-base:#0c0c0e;--bg-surface:#111115;--bg-raised:#18181d;--bg-overlay:#1e1e24;--border-dim:#232329;--border:#2e2e38;--border-mid:#3a3a48;--green-dim:#2d5a3d;--green:#3ecf6a;--green-bright:#5dffa0;--green-glow:#3ecf6a1f;--amber-dim:#5a4010;--amber:#e8a030;--amber-bright:#f5c050;--amber-glow:#e8a0301a;--text-muted:#4a4a5a;--text-dim:#6e6e82;--text-sub:#9494a8;--text-body:#c0c0cc;--text-bright:#e4e4f0;--red:#e05050;--blue:#5a9fff;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;--font-display:"JetBrains Mono", monospace;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{background-color:var(--bg-base);color:var(--text-body);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{background:var(--bg-base);width:5px}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--green-dim)}::selection{color:var(--green-bright);background:#3ecf6a33}:focus-visible{outline:1px solid var(--green);outline-offset:2px}a{color:var(--green);text-decoration:none;transition:color .15s,opacity .15s}a:hover{color:var(--green-bright)}button{font-family:var(--font-mono);cursor:pointer;background:0 0;border:none}img,svg{display:block}.container{max-width:1100px;margin:0 auto;padding:0 32px}.section{padding:96px 0;position:relative}.section-label{letter-spacing:.18em;color:var(--green-dim);text-transform:uppercase;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;display:flex}.section-label:before{content:"//";color:var(--border-mid);letter-spacing:.05em}.section-title{color:var(--text-bright);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.05}.section-body{color:var(--text-sub);max-width:58ch;font-size:14px;line-height:1.75}.terminal{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;overflow:hidden}.terminal-titlebar{background:var(--bg-raised);border-bottom:1px solid var(--border-dim);align-items:center;gap:6px;padding:10px 14px;display:flex}.terminal-dot{background:var(--border-mid);border-radius:50%;width:10px;height:10px}.terminal-dot.red{background:var(--red)}.terminal-dot.amber{background:var(--amber)}.terminal-dot.green{background:var(--green)}.terminal-bar-text{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);margin-left:8px}.terminal-body{padding:20px 24px}.terminal-line{color:var(--text-sub);gap:10px;font-size:12.5px;line-height:2;display:flex}.terminal-prompt{color:var(--green);-webkit-user-select:none;user-select:none;flex-shrink:0}.txt-green{color:var(--green)}.txt-amber{color:var(--amber)}.txt-bright{color:var(--text-bright)}.txt-dim{color:var(--text-dim)}.txt-muted{color:var(--text-muted)}.txt-red{color:var(--red)}.btn-primary{border:1px solid var(--green);color:var(--green);font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:10px 22px;font-size:12px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary:hover{background:var(--green-glow);border-color:var(--green-bright);color:var(--green-bright);box-shadow:0 0 12px #3ecf6a26}.btn-primary:active{transform:scale(.98)}.btn-ghost{border:1px solid var(--border-mid);color:var(--text-sub);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;padding:9px 18px;font-size:12px;text-decoration:none;transition:all .18s;display:inline-flex}.btn-ghost:hover{border-color:var(--border-mid);color:var(--text-bright);background:var(--bg-raised)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{background:var(--green);vertical-align:text-bottom;border-radius:1px;width:8px;height:1.1em;animation:1.06s step-end infinite blink;display:inline-block}.scanline{pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000a 3px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.scanline:after{content:"";background:radial-gradient(#0000 0% 55%,#00000073 100%);position:absolute;inset:0}@keyframes glitch-clip{0%{clip-path:inset(0 0 100%);transform:translate(0)}10%{clip-path:inset(15% 0 55%);transform:translate(-2px)}20%{clip-path:inset(55% 0 10%);transform:translate(2px)}30%{clip-path:inset(30% 0 50%);transform:translate(-1px)}40%{clip-path:inset(70% 0 5%);transform:translate(1px)}50%{clip-path:inset(5% 0 80%);transform:translate(0)}to{clip-path:inset(0 0 100%);transform:translate(0)}}.glitch{display:inline-block;position:relative}.glitch:hover .glitch-layer-1{color:var(--green-bright);animation:.25s step-end forwards glitch-clip}.glitch:hover .glitch-layer-2{color:var(--amber);animation:.25s step-end 30ms forwards glitch-clip}.glitch-layer-1,.glitch-layer-2{color:inherit;pointer-events:none;position:absolute;top:0;left:0}@keyframes pfloat{0%{opacity:1;transform:translate(0)scale(1)}60%{opacity:.7}to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.4)}}.fart-p{font-family:var(--font-mono);pointer-events:none;white-space:nowrap;z-index:100;animation:1.4s ease-out forwards pfloat;position:absolute}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0}.reveal.v{animation:.5s cubic-bezier(.16,1,.3,1) forwards fade-up}@keyframes bline{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.bline{opacity:0;font-size:12.5px;line-height:2;animation:.12s ease-out forwards bline}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-2px,-1px)}30%{transform:translate(2px,1px)}45%{transform:translate(-1px,2px)}60%{transform:translate(1px,-2px)}75%{transform:translate(-2px,1px)}90%{transform:translate(2px,-1px)}}.shake{animation:.3s ease-in-out shake}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}.divider{border:none;border-top:1px solid var(--border-dim);margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=768px){.container{padding:0 20px}.section{padding:64px 0}}
