:root{--bg: #07090a;--bg-2: #0c1110;--grid: #0f1614;--fg: #c8f5b8;--green: #4cf07b;--green-dim: #1f7a3a;--green-deep: #0d3a1c;--amber: #ffb454;--red: #ff5b6b;--cyan: #6ce8ff;--magenta: #d68bff;--dirt-1: #6b4a2b;--dirt-2: #8a5d35;--dirt-3: #543820;--dirt-4: #3a2715;--grass-1: #5fb237;--grass-2: #4a8a2a;--grass-3: #6fc741;font-family:JetBrains Mono,ui-monospace,monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg)}body{min-height:100vh;overflow-x:hidden;cursor:default;background:radial-gradient(ellipse at 50% 0%,rgba(76,240,123,.08),transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(108,232,255,.04),transparent 60%),var(--bg)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,#0000,#0000 2px,#0000002e,#0000 4px);pointer-events:none;z-index:999;mix-blend-mode:multiply}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.55) 100%);pointer-events:none;z-index:998}#matrix{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.35;pointer-events:none}.wrap{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:28px 32px 0}.topbar{display:flex;align-items:center;gap:14px;border:1px solid var(--green-dim);background:#080e0bd9;padding:8px 14px;border-radius:4px;font-size:12px;color:var(--green);box-shadow:0 0 24px #4cf07b0f inset,0 0 1px #4cf07b66}.topbar .dot{width:10px;height:10px;border-radius:50%;background:#ff5b6b;box-shadow:16px 0 #ffb454,32px 0 #4cf07b;margin-right:28px}.topbar .path{color:var(--fg);opacity:.7}.topbar .path b{color:var(--green);font-weight:600}.topbar .right{margin-left:auto;display:flex;gap:16px;opacity:.7}.topbar .right span{display:inline-flex;align-items:center;gap:6px}.topbar .blink{animation:blink 1.2s steps(2) infinite}@keyframes blink{50%{opacity:.15}}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:56px 0 28px}@media(max-width:880px){.hero{grid-template-columns:1fr;padding-top:32px}}.ascii{font-family:VT323,monospace;font-size:14px;line-height:1;color:var(--green);white-space:pre;text-shadow:0 0 8px rgba(76,240,123,.55),0 0 22px rgba(76,240,123,.25);-webkit-user-select:none;user-select:none;letter-spacing:0;overflow:visible}.ascii.big{font-size:18px}.hero>div:first-child{min-width:0}@media(max-width:1060px){.ascii.big{font-size:15px}}@media(max-width:880px){.ascii.big{font-size:14px}}.tagline{margin-top:22px;font-size:14px;color:var(--fg);opacity:.85;line-height:1.6;max-width:52ch}.tagline .k{color:var(--amber)}.tagline .r{color:var(--red)}.tagline .c{color:var(--cyan)}.tagline .g{color:var(--green)}.meta-row{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.chip{border:1px solid var(--green-dim);color:var(--green);padding:5px 9px;border-radius:2px;background:#0f1e1699}.chip.r{border-color:#ff5b6b80;color:var(--red);background:#280c1099}.chip.a{border-color:#ffb45473;color:var(--amber);background:#281c0a99}.chip.c{border-color:#6ce8ff66;color:var(--cyan);background:#081c2699}.block-stage{display:flex;flex-direction:column;align-items:center;gap:18px;perspective:1100px}.block-shadow{width:220px;height:22px;background:radial-gradient(ellipse at center,rgba(76,240,123,.35),transparent 70%);filter:blur(6px);margin-top:-8px;animation:shadowPulse 3.6s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:scaleX(1);opacity:.7}50%{transform:scaleX(.85);opacity:.4}}.cube-wrap{width:240px;height:240px;position:relative;transform-style:preserve-3d;cursor:grab}.cube-wrap.grabbing{cursor:grabbing}.cube{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;animation:rotateCube 16s linear infinite;transform:rotateX(-22deg) rotateY(0)}.cube.paused{animation-play-state:paused}@keyframes rotateCube{0%{transform:rotateX(-22deg) rotateY(0)}to{transform:rotateX(-22deg) rotateY(360deg)}}.face{position:absolute;top:0;right:0;bottom:0;left:0;width:240px;height:240px;background-size:100% 100%;image-rendering:pixelated;image-rendering:crisp-edges;box-shadow:0 0 0 2px #0006 inset}.face.front{transform:translateZ(120px)}.face.back{transform:rotateY(180deg) translateZ(120px)}.face.right{transform:rotateY(90deg) translateZ(120px)}.face.left{transform:rotateY(-90deg) translateZ(120px)}.face.top{transform:rotateX(90deg) translateZ(120px)}.face.bottom{transform:rotateX(-90deg) translateZ(120px)}.block-controls{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:280px}.swatch{width:30px;height:30px;border:2px solid #1a2420;cursor:pointer;image-rendering:pixelated;background-size:100% 100%;transition:transform .12s,border-color .12s}.swatch:hover{transform:translateY(-2px);border-color:var(--green)}.swatch.active{border-color:var(--amber);box-shadow:0 0 0 2px #ffb45440}.block-label{font-family:VT323,monospace;font-size:22px;color:var(--green);letter-spacing:.08em;text-shadow:0 0 6px rgba(76,240,123,.5)}.block-label .arrow{color:var(--amber)}.terminal{margin-top:56px;border:1px solid var(--green-dim);border-radius:6px;background:linear-gradient(180deg,#070b09f5,#080e0bf5);box-shadow:0 0 0 1px #4cf07b14,0 18px 60px #00000080,0 0 80px #4cf07b0f inset;overflow:hidden}.term-bar{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#0b1411;border-bottom:1px solid rgba(76,240,123,.18);font-size:11px;color:var(--fg);opacity:.85}.term-bar .lights{display:flex;gap:6px}.term-bar .lights i{width:11px;height:11px;border-radius:50%;display:block}.term-bar .lights .l1{background:#ff5b6b}.term-bar .lights .l2{background:#ffb454}.term-bar .lights .l3{background:#4cf07b}.term-bar .title{margin-left:6px;letter-spacing:.1em;text-transform:uppercase;font-size:10px}.term-bar .info{margin-left:auto;opacity:.5}.term-body{padding:18px 22px 14px;font-size:13.5px;line-height:1.55;min-height:360px;max-height:480px;overflow-y:auto}.term-body::-webkit-scrollbar{width:8px}.term-body::-webkit-scrollbar-thumb{background:var(--green-deep);border-radius:4px}.line{white-space:pre-wrap;word-break:break-word}.prompt{color:var(--green)}.prompt .at{color:var(--amber)}.prompt .host{color:var(--cyan)}.prompt .path{color:var(--fg);opacity:.7}.prompt .sigil{color:var(--magenta)}.cmd{color:var(--fg)}.out{color:var(--fg);opacity:.92}.out .k{color:var(--amber)}.out .r{color:var(--red)}.out .c{color:var(--cyan)}.out .g{color:var(--green)}.out .m{color:var(--magenta)}.out .dim{opacity:.55}.out .ok:before{content:"[ OK ] ";color:var(--green)}.out .warn:before{content:"[WARN] ";color:var(--amber)}.out .err:before{content:"[FAIL] ";color:var(--red)}.input-row{display:flex;gap:8px;align-items:center}#term-input{flex:1;background:transparent;border:0;color:var(--fg);font-family:inherit;font-size:inherit;outline:none;caret-color:var(--green);caret-shape:block;padding:0}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:56px}@media(max-width:880px){.grid-3{grid-template-columns:1fr}}.card{border:1px solid var(--green-dim);background:#080e0bb3;padding:18px;border-radius:4px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:24px;background:repeating-linear-gradient(90deg,var(--green) 0 4px,transparent 4px 8px);opacity:.18}.card h3{margin:0 0 14px;font-family:VT323,monospace;font-size:22px;letter-spacing:.06em;color:var(--green);text-transform:uppercase;display:flex;align-items:center;gap:8px}.card h3:before{content:"//";color:var(--amber)}.card .row{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0;font-size:12.5px;border-bottom:1px dashed rgba(76,240,123,.12)}.card .row:last-child{border-bottom:0}.card .row .name{color:var(--fg)}.card .row .val{color:var(--green);font-variant-numeric:tabular-nums;opacity:.9}.card .row .val.r{color:var(--red)}.card .row .val.a{color:var(--amber)}.card .row .val.c{color:var(--cyan)}.card .row .val.m{color:var(--magenta)}.bar{display:inline-block;height:8px;background:var(--green-deep);width:80px;margin-left:8px;position:relative}.bar i{position:absolute;left:0;top:0;bottom:0;background:var(--green);box-shadow:0 0 6px #4cf07b99}.projects{margin-top:14px}.proj{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:14px 18px;border:1px solid rgba(76,240,123,.14);border-bottom:0;background:#080e0b8c;transition:background .15s,transform .15s}.proj:last-child{border-bottom:1px solid rgba(76,240,123,.14)}.proj:hover{background:#0d1a13d9;transform:translate(4px)}.proj .id{color:var(--amber);font-family:VT323,monospace;font-size:22px;letter-spacing:.05em}.proj .title{color:var(--green);font-weight:600;font-size:14px}.proj .desc{color:var(--fg);opacity:.7;font-size:12px;margin-top:2px}.proj .tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.proj .tag{font-size:10px;padding:3px 7px;border-radius:2px;border:1px solid rgba(76,240,123,.25);color:var(--green)}.proj .tag.r{color:var(--red);border-color:#ff5b6b66}.proj .tag.c{color:var(--cyan);border-color:#6ce8ff66}.proj .tag.a{color:var(--amber);border-color:#ffb45466}.proj .tag.m{color:var(--magenta);border-color:#d68bff66}.section-title{font-family:VT323,monospace;font-size:28px;letter-spacing:.06em;color:var(--green);margin:64px 0 14px;text-transform:uppercase;display:flex;align-items:center;gap:14px;text-shadow:0 0 8px rgba(76,240,123,.4)}.section-title:before{content:"▸";color:var(--amber)}.section-title:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--green-dim) 0 6px,transparent 6px 10px)}.section-sub{font-size:12px;color:var(--fg);opacity:.6;margin-top:-6px;margin-bottom:18px;letter-spacing:.04em}footer{margin-top:80px;position:relative;z-index:1}.grass-strip{height:14px;background-size:32px 32px;background-repeat:repeat-x;image-rendering:pixelated;margin-bottom:-1px}.dirt-row{height:220px;background-size:64px 64px;background-repeat:repeat;image-rendering:pixelated;position:relative;box-shadow:inset 0 8px 24px #00000080}.footer-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-shadow:0 2px 0 rgba(0,0,0,.7);pointer-events:none}.footer-content .sign{background:linear-gradient(180deg,#b07740,#8a5d35);border:3px solid #543820;padding:12px 28px;color:#fff8e0;font-family:VT323,monospace;font-size:22px;letter-spacing:.06em;box-shadow:inset 0 0 0 2px #ffffff14,0 6px #3a2715;pointer-events:auto;image-rendering:pixelated}.footer-content .sign b{color:#ffe27a}.footer-content .links{display:flex;gap:14px;pointer-events:auto}.footer-content .links a{color:#fff8e0;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;background:#00000080;border:1px solid rgba(255,255,255,.18);padding:7px 12px;border-radius:2px;transition:background .12s,transform .12s}.footer-content .links a:hover{background:#4cf07b2e;border-color:var(--green);transform:translateY(-1px)}.glitch{position:relative}.glitch:hover{animation:glitch .6s steps(3) 1}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-1px,1px);filter:hue-rotate(20deg)}40%{transform:translate(2px,-1px)}60%{transform:translate(-2px)}80%{transform:translate(1px,1px);filter:hue-rotate(-20deg)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,2px)}}