:root{color-scheme:dark;--bg:#050910;--panel:#080e17e0;--panel-soft:#0c1420c7;--line:#80a9c53b;--line-strong:#08e5ff80;--text:#f4f7fb;--muted:#9aa9b9;--cyan:#00d9ff;--green:#56ff6b;--amber:#ffbd2f;--magenta:#ff4bd8;--purple:#9f67ff;--red:#ff3d3d;--shadow:0 24px 90px #0000006b;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:linear-gradient(#00d9ff0b 1px, transparent 1px), linear-gradient(90deg, #00d9ff09 1px, transparent 1px), radial-gradient(circle at 78% 22%, #00d9ff21, transparent 28rem), radial-gradient(circle at 14% 10%, #30ff9614, transparent 30rem), var(--bg);background-size:32px 32px,32px 32px,auto,auto,auto;margin:0}body:before{z-index:-1;pointer-events:none;content:"";background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px),linear-gradient(#04080e1a,#04080edb);position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.os-shell{border:1px solid var(--line);grid-template-rows:44px minmax(calc(100vh - 88px),auto) 44px;grid-template-columns:136px minmax(0,1fr);min-height:100vh;display:grid}.os-topbar{z-index:30;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#050910e6;grid-column:1/-1;justify-content:space-between;align-items:center;min-height:44px;padding:0 18px 0 28px;display:flex;position:sticky;top:0}.top-brand,.top-status{color:var(--muted);align-items:center;gap:16px;font-size:.78rem;display:flex}.top-brand strong{color:var(--cyan);font-weight:800}.top-brand i{background:var(--green);border-radius:999px;width:7px;height:7px;box-shadow:0 0 18px #56ff6bcc}.top-status button{width:34px;height:28px;color:var(--cyan);border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:4px;place-items:center;display:grid}.dock{z-index:20;border-right:1px solid var(--line);backdrop-filter:blur(12px);background:#050a12bd;grid-row:2;grid-template-rows:80px 1fr 76px;min-height:calc(100vh - 88px);display:grid;position:sticky;top:44px}.dock-home,.dock-terminal{color:var(--cyan);border-bottom:1px solid var(--line);place-items:center;font-weight:700;display:grid}.dock-terminal{color:var(--green);border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0}.dock nav{align-content:start;display:grid}.dock nav a{color:#c7d3df;border-bottom:1px solid var(--line);justify-items:center;gap:8px;min-height:112px;padding:18px 12px;font-size:.86rem;transition:color .16s,background .16s;display:grid}.dock nav a:hover{color:var(--text);background:#00d9ff12}.dock-icon,.mini-icon,.card-icon{place-items:center;display:inline-grid;position:relative}.dock-icon{width:28px;height:28px}.dock-icon:before{content:"";background:var(--cyan);clip-path:polygon(14% 0,100% 50%,14% 100%,36% 50%);width:22px;height:22px}.dock-icon[data-icon=github]:before{clip-path:none;background:#fff;border-radius:999px}.dock-icon[data-icon=twitch]:before{background:var(--purple);clip-path:polygon(8% 0,92% 0,92% 60%,68% 60%,52% 82%,36% 82%,36% 60%,8% 60%)}.dock-icon[data-icon=youtube]:before{background:var(--red);clip-path:polygon(0 12%,100% 12%,100% 88%,0 88%);border-radius:6px}.dock-icon[data-icon=linkedin]:before{clip-path:polygon(0 0,100% 0,100% 100%,72% 100%,72% 42%,55% 42%,55% 100%,0 100%);background:#1aa9ff}.dock-icon[data-icon=mail]:before{background:var(--amber);clip-path:polygon(0 18%,100% 18%,100% 82%,0 82%)}.desktop{grid-area:2/2;min-width:0}.hero-panel{border-bottom:1px solid var(--line);grid-template-columns:minmax(420px,.92fr) minmax(430px,.72fr) 160px;gap:22px;min-height:calc(100vh - 88px);padding:36px 28px 24px 60px;display:grid;position:relative}.hero-copy{align-content:center;min-width:0;display:grid}.path,.section-path{color:var(--cyan);margin:0 0 18px;font-weight:800}.hero-copy h1{letter-spacing:0;text-transform:lowercase;text-shadow:0 0 28px #ffffff1a;margin:0;font-family:Courier New,ui-monospace,Menlo,Consolas,monospace;font-size:clamp(4.6rem,9vw,7.6rem);line-height:.82}.hero-copy h1 em{color:var(--cyan);font-style:normal}.headline{max-width:700px;color:var(--text);margin:26px 0;font-size:clamp(1.35rem,2vw,1.72rem);font-weight:700;line-height:1.46}.role-line,.skill-row,.hero-actions,.trust-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.role-line{color:var(--cyan);margin-bottom:14px}.mini-icon{width:22px;height:22px}.mini-icon:before{content:"";border:2px solid;border-radius:4px;width:18px;height:18px}.mini-icon.person:before{border-radius:999px 999px 4px 4px}.skill-row button,.secondary-action,.primary-action,.contact-actions a,.contact-actions button,.section-title button{min-height:42px;color:var(--text);border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:6px;padding:0 18px;transition:transform .16s,border-color .16s,background .16s}.skill-row button:first-child{color:var(--cyan);border-color:#00d9ff9e}.skill-row button:nth-child(2){color:var(--green);border-color:#56ff6b8a}.skill-row button:nth-child(3){color:var(--amber);border-color:#ffbd2f8a}.hero-actions{margin:28px 0}.primary-action{color:var(--cyan);border-color:var(--cyan);min-width:220px;box-shadow:inset 0 0 0 1px #00d9ff3d,0 0 22px #00d9ff1f}.primary-action.terminal-link{color:var(--green);border-color:#56ff6bb3}.secondary-action{color:#d9e2ec;min-width:150px}.primary-action:hover,.secondary-action:hover,.skill-row button:hover,.contact-actions a:hover,.contact-actions button:hover,.section-title button:hover,.app-card:hover{border-color:var(--line-strong);background:#00d9ff14;transform:translateY(-2px)}.trust-row{border-top:1px solid var(--line);margin:0;padding:22px 0 0;list-style:none}.trust-row li{min-width:128px;color:var(--text);grid-template-columns:24px auto;align-items:center;column-gap:8px;display:grid}.trust-row small{color:var(--muted);grid-column:2;font-size:.72rem}.terminal-window{min-height:560px;box-shadow:var(--shadow);background:#090e16eb;border:1px solid #7fa3be7a;border-radius:8px;align-self:center;position:relative;overflow:hidden}.window-bar{min-height:46px;color:var(--muted);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff0f,#ffffff04);justify-content:space-between;align-items:center;padding:0 18px;display:flex}.window-bar strong{color:var(--cyan)}.terminal-screen{height:430px;padding:20px 22px 70px;font-size:.94rem;line-height:1.52;overflow:auto}.terminal-screen p{margin:0 0 10px}.terminal-screen span,.terminal-input span{color:var(--green)}.terminal-screen .output{color:var(--text)}.muted-output,.list-output{color:#b7c4d1}.terminal-screen b{vertical-align:middle;background:var(--green);width:10px;height:13px;margin-left:4px;animation:1s steps(2,start) infinite blink;display:inline-block}.terminal-input{border-top:1px solid var(--line);background:#070c14f5;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:14px 18px;display:grid;position:absolute;bottom:0;left:0;right:0}.terminal-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.character-button{z-index:2;cursor:pointer;filter:drop-shadow(0 14px 16px #0000008c);transform-origin:bottom;background:0 0;border:0;width:120px;height:154px;padding:0;transition:transform .18s,filter .18s;position:absolute;bottom:12px;right:-20px}.character-button:hover,.character-button.is-active{filter:drop-shadow(0 0 24px #ffbd2f4d);transform:translateY(-6px)scale(1.05)}.character-button img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.lab-widget{align-content:center;justify-items:center;gap:14px;display:grid}.cloud-icon{border:4px solid var(--cyan);filter:drop-shadow(0 0 16px #00d9ff8c);border-top:0;border-radius:0 0 18px 18px;width:84px;height:36px}.cloud-icon:before,.cloud-icon:after{content:"";border:4px solid var(--cyan);border-bottom:0;border-radius:999px 999px 0 0;display:block}.cloud-icon:before{width:38px;height:26px;margin:-24px 0 0 12px}.cloud-icon:after{width:34px;height:22px;margin:-22px 0 0 42px}.steam{border-left:2px dashed #00d9ff73;border-right:2px dashed #00d9ff73;width:24px;height:28px}.mug{color:#09101a;background:#d7e9ef;border:3px solid #6a7b86;place-items:center;width:52px;height:42px;font-size:.62rem;font-weight:900;display:grid}.server-rack{background:#09101a;border:4px solid #293341;gap:8px;width:94px;padding:12px;display:grid;box-shadow:inset 0 0 0 2px #00d9ff1f,0 18px 34px #0000006b}.server-rack span{background:linear-gradient(90deg, var(--cyan) 0 8px, transparent 8px 16px, var(--green) 16px 24px, transparent 24px), #111b29;border:1px solid #2a3a4a;height:24px}.projects-panel,.contact-panel{border-bottom:1px solid var(--line);padding:28px 34px 34px}.section-title{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.section-title h2,.contact-panel h2{color:var(--text);margin:0;font-size:clamp(1.6rem,3vw,2rem)}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.app-card{cursor:pointer;background:#0b121ddb;border:1px solid #7fa3be57;border-radius:6px;grid-template-columns:1fr 150px;min-height:170px;padding:20px;transition:transform .16s,border-color .16s,background .16s;display:grid}.app-card h3{text-transform:uppercase;margin:0 0 12px}.app-card p{color:#b7c4d1;font-size:.84rem;line-height:1.48}.app-card button{color:var(--cyan);cursor:pointer;background:0 0;border:0;padding:0}.card-icon{width:28px;height:22px;color:var(--cyan);margin-bottom:8px}.card-icon:before{content:"";border:2px solid;border-radius:3px;width:24px;height:18px}.pixel-art{opacity:.9;place-self:end;width:128px;height:92px}.pixel-art[data-art=laptop]{background:linear-gradient(var(--cyan) 0 0) 34px 28px / 46px 4px no-repeat, linear-gradient(var(--cyan) 0 0) 34px 42px / 62px 4px no-repeat, linear-gradient(#202f3e 0 0) 24px 16px / 82px 56px no-repeat, linear-gradient(#728292 0 0) 16px 74px / 98px 10px no-repeat}.pixel-art[data-art=rack]{background:linear-gradient(var(--green) 0 0) 24px 22px / 54px 6px no-repeat, linear-gradient(var(--green) 0 0) 24px 46px / 54px 6px no-repeat, linear-gradient(var(--green) 0 0) 24px 70px / 54px 6px no-repeat, linear-gradient(#152232 0 0) 12px 12px / 84px 78px no-repeat, linear-gradient(#394554 0 0) 100px 26px / 10px 58px no-repeat}.pixel-art[data-art=desk]{background:linear-gradient(var(--magenta) 0 0) 48px 24px / 48px 28px no-repeat, linear-gradient(#26313e 0 0) 38px 18px / 68px 44px no-repeat, linear-gradient(#5d3b8d 0 0) 98px 58px / 24px 30px no-repeat, linear-gradient(#4a2f21 0 0) 12px 82px / 110px 8px no-repeat}.contact-panel{grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid}.contact-panel p{max-width:720px;color:var(--muted);line-height:1.55}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.command-palette{width:min(720px,100% - 28px);color:var(--text);background:0 0;border:0;padding:0}.command-palette::backdrop{backdrop-filter:blur(8px);background:#03060acc}.palette-shell{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:#070c14f5;border-radius:8px;padding:14px}.palette-header{justify-content:space-between;margin-bottom:12px;display:flex}.palette-header button{color:var(--cyan);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:4px}.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.palette-grid button{text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:6px;gap:7px;min-height:82px;padding:12px;display:grid}.palette-grid span{color:var(--green)}.palette-grid small{color:var(--muted);line-height:1.35}.bottom-bar{z-index:25;min-height:44px;color:var(--muted);border-top:1px solid var(--line);backdrop-filter:blur(14px);background:#050910eb;grid-column:1/-1;align-items:center;gap:34px;padding:0 26px;display:flex;position:sticky;bottom:0}.bottom-bar span{align-items:end;gap:6px;display:inline-flex}.bottom-bar strong{color:#cfd8e3;font-weight:500}.bottom-bar i{width:3px;height:var(--h);background:currentColor;min-height:5px}.bottom-bar span:first-child i,.bottom-bar span:nth-child(3) i{color:var(--cyan)}.bottom-bar span:nth-child(2) i{color:var(--green)}.bottom-bar span:nth-child(4) i{color:var(--magenta)}.bottom-bar small{margin-left:auto}.matrix-mode{--cyan:#56ff6b;--green:#00d9ff}.terminal-page{background:linear-gradient(#56ff6b0d 1px, transparent 1px), linear-gradient(90deg, #00d9ff0a 1px, transparent 1px), radial-gradient(circle at 70% 16%, #56ff6b1f, transparent 24rem), var(--bg);background-size:28px 28px,28px 28px,auto,auto;min-height:100vh}.terminal-topbar{z-index:10;min-height:48px;color:var(--muted);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);background:#050910e6;justify-content:space-between;align-items:center;gap:16px;padding:0 22px;display:flex;position:sticky;top:0}.terminal-back,.terminal-topbar button{color:var(--cyan);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:5px;padding:8px 12px}.terminal-stage{grid-template-columns:minmax(320px,.72fr) minmax(420px,.9fr);gap:24px;width:min(1280px,100% - 36px);margin:0 auto;padding:46px 0;display:grid}.terminal-hero{align-content:center;display:grid}.terminal-hero h1{letter-spacing:0;margin:0;font-size:clamp(2.6rem,7vw,6rem);line-height:.9}.terminal-hero p:not(.path){color:#b7c4d1;font-size:1.05rem;line-height:1.7}.router-window{min-height:440px;box-shadow:var(--shadow);background:#090e16eb;border:1px solid #7fa3be7a;border-radius:8px;overflow:hidden}.router-screen{color:#c7d3df;height:340px;padding:20px;line-height:1.62;overflow:auto}.router-screen p{margin:0 0 8px}.router-screen span,.router-input span,.launch-command{color:var(--green)}.router-output{color:var(--cyan)}.router-input{border-top:1px solid var(--line);background:#070c14f5;grid-template-columns:auto 1fr;align-items:center;gap:10px;padding:15px 18px;display:grid}.router-input input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.social-launcher{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.launch-card{opacity:0;min-height:144px;animation:.62s cubic-bezier(.2,.9,.2,1) forwards flyIn;animation-delay:var(--delay);background:#0b121de0;border:1px solid #7fa3be57;border-radius:8px;gap:8px;padding:18px;transition:transform .18s,border-color .18s,background .18s;display:grid;transform:translateY(26px)scale(.96);box-shadow:0 18px 46px #00000047}.launch-card.is-launched{opacity:1;animation:none;transform:translateY(0)scale(1)}.launch-card:hover{border-color:var(--line-strong);background:#00d9ff14;transform:translateY(-4px)scale(1.01)}.launch-card strong{font-size:1.32rem}.launch-card small{color:var(--muted)}.launch-card[data-tone=purple] .launch-command{color:var(--purple)}.launch-card[data-tone=red] .launch-command{color:var(--red)}.launch-card[data-tone=blue] .launch-command{color:#1aa9ff}.launch-card[data-tone=amber] .launch-command{color:var(--amber)}.egg-panel{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.egg-panel button{min-height:38px;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:6px;padding:0 14px}.egg-panel button:hover{color:var(--green);border-color:#56ff6b99}@keyframes flyIn{to{opacity:1;transform:translateY(0)scale(1)}}@keyframes blink{50%{opacity:0}}@media (width<=1180px){.hero-panel{grid-template-columns:1fr minmax(360px,.86fr);padding-left:34px}.lab-widget{display:none}.app-grid,.terminal-stage{grid-template-columns:1fr}.social-launcher{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.os-shell{grid-template-rows:auto auto auto;grid-template-columns:1fr}.dock{border-right:0;border-bottom:1px solid var(--line);grid-row:auto;grid-template-rows:none;min-height:auto;position:static}.dock-home,.dock-terminal{display:none}.dock nav{display:flex;overflow-x:auto}.dock nav a{min-width:110px;min-height:82px}.desktop{grid-column:1}.hero-panel,.contact-panel{grid-template-columns:1fr}.hero-panel{min-height:auto;padding:28px 18px}.terminal-window{min-height:520px}.top-status span:first-child,.top-status span:nth-child(2){display:none}}@media (width<=580px){.os-topbar{padding-inline:12px}.top-brand{gap:8px}.hero-copy h1{font-size:clamp(3.6rem,22vw,5rem)}.headline{font-size:1.15rem}.trust-row,.bottom-bar{display:none}.app-card{grid-template-columns:1fr}.pixel-art{display:none}.palette-grid,.social-launcher{grid-template-columns:1fr}}