:root{--green: #00ff41;--green-dim: #00ff4180;--green-faint: #00ff4133;--black: #000000;--glow: 0 0 8px #00ff4180, 0 0 24px #00ff4140}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--black);color:var(--green);font-family:JetBrains Mono,Courier New,monospace;overflow-x:hidden;min-height:100vh}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9000;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff4106,#0000 4px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--green-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green)}*{scrollbar-width:thin;scrollbar-color:#00ff4180 #000000}::selection{background:var(--green);color:var(--black)}a{color:var(--green)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{display:inline-block;width:.6em;animation:blink 1.1s step-end infinite}@keyframes glitch-shift{0%{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}to{transform:translate(0)}}.glitching{animation:glitch-shift .09s infinite}@keyframes scan-sweep{0%{top:-10%}to{top:110%}}.logo-wrap{position:relative;display:inline-block;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.logo-wrap:before{content:"";position:absolute;left:0;right:0;height:12%;background:linear-gradient(180deg,transparent,rgba(0,255,65,.18),transparent);animation:scan-sweep 2.8s linear infinite;pointer-events:none}.sys-card{position:relative;border:1px solid var(--green-faint);background:#0014058c;padding:26px 24px 22px;transition:border-color .3s,box-shadow .3s,transform .3s;overflow:hidden}.sys-card:before{content:"";position:absolute;top:0;left:0;height:2px;width:0;background:var(--green);box-shadow:var(--glow);transition:width .45s ease}.sys-card:hover{border-color:var(--green-dim);box-shadow:0 0 18px #00ff4126,inset 0 0 24px #00ff410d;transform:translateY(-3px)}.sys-card:hover:before{width:100%}.pipe-step{border:1px solid var(--green-faint);padding:14px 12px;text-align:center;transition:border-color .35s,box-shadow .35s,background .35s;background:#000f0499;min-width:118px}.pipe-step.active{border-color:var(--green);box-shadow:var(--glow);background:#002d0cb3}.pipe-arrow{color:var(--green-faint);transition:color .35s,text-shadow .35s;font-weight:800}.pipe-arrow.active{color:var(--green);text-shadow:var(--glow)}.stack-item{position:relative;border:1px solid var(--green-faint);padding:16px 10px;text-align:center;transition:border-color .3s,background .3s;background:#000c0380;overflow:hidden}.stack-item .cat{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00280af2;font-size:11px;letter-spacing:.15em;opacity:0;transition:opacity .25s;text-transform:uppercase}.stack-item:hover{border-color:var(--green);background:#001e08b3}.stack-item:hover .cat{opacity:1}.btn{display:inline-block;border:1px solid var(--green);color:var(--green);background:transparent;padding:13px 26px;font-family:inherit;font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .25s,box-shadow .25s,color .25s;letter-spacing:.04em}.btn:hover{background:var(--green);color:var(--black);box-shadow:var(--glow)}.egg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#000000f0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;padding:24px;text-align:center;cursor:pointer}.idle-nudge{position:fixed;bottom:18px;left:50%;transform:translate(-50%);z-index:8000;font-size:13px;opacity:0;transition:opacity 1.6s ease;pointer-events:none;color:var(--green-dim)}.idle-nudge.show{opacity:1}body.z-mode{--green-dim: #00ff41cc;--green-faint: #00ff4166;--glow: 0 0 14px #00ff41cc, 0 0 44px #00ff4180}body.z-mode .sys-card:hover,body.z-mode .pipe-step.active{box-shadow:0 0 30px #00ff4155,inset 0 0 30px #00ff411a}@media(max-width:640px){.sys-grid{grid-template-columns:1fr!important}.stack-grid{grid-template-columns:repeat(2,1fr)!important}.pipe-flow{flex-direction:column!important}.pipe-arrow{transform:rotate(90deg)}}