@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--panel:#080e189e;--panel-strong:#09111dd1;--line:#83e4ff29;--line-strong:#72f7ff61;--text:#eefaff;--muted:#91a6b1;--cyan:#72f7ff;--violet:#9b7bff;--amber:#ffc66d;--green:#80ffbf;--mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);cursor:none;margin:0;overflow-x:hidden}a,button{color:inherit}button,a{cursor:none}::selection{background:var(--cyan);color:#051017}.scene{z-index:0;pointer-events:none;position:fixed;inset:0}.scene:after{content:"";pointer-events:none;background:radial-gradient(circle at 73% 32%,#0000 0 14%,#05070d14 38%,#05070db8 79%),linear-gradient(90deg,#05070dc7,#05070d24 55%,#05070d75);position:absolute;inset:0}.scanlines{z-index:3;pointer-events:none;opacity:.14;mix-blend-mode:overlay;background:repeating-linear-gradient(#0000 0 3px,#ffffff0d 4px);position:fixed;inset:0}.noise{z-index:2;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");animation:.22s steps(2,end) infinite noiseShift;position:fixed;inset:-80%}@keyframes noiseShift{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}to{transform:translate(0)}}.boot{z-index:100;text-align:center;font-family:var(--mono);background:#030509;place-content:center;gap:14px;display:grid;position:fixed;inset:0}.boot-mark{letter-spacing:.12em;color:var(--cyan);font-size:clamp(1.3rem,4vw,2.4rem);font-weight:600}.boot-copy{color:#66808c;letter-spacing:.22em;font-size:.69rem}.boot-line{background:#0c1d25;width:min(360px,72vw);height:2px;overflow:hidden}.boot-line span{background:var(--cyan);width:100%;height:100%;box-shadow:0 0 18px var(--cyan);transform-origin:0;animation:1s cubic-bezier(.2,.8,.2,1) both boot;display:block}@keyframes boot{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cursor-ring,.cursor-dot{pointer-events:none;z-index:120;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-100px,-100px)}.cursor-ring{border:1px solid #72f7ff94;width:34px;height:34px;margin:-17px 0 0 -17px;box-shadow:inset 0 0 12px #72f7ff14}.cursor-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 12px var(--cyan);margin:-2.5px 0 0 -2.5px}.hud-nav{z-index:20;border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#04080e94;grid-template-columns:96px 1fr 145px;align-items:center;min-height:58px;display:grid;position:fixed;top:18px;left:24px;right:24px}.brand{border:0;border-right:1px solid var(--line);height:100%;font-family:var(--mono);letter-spacing:.06em;background:0 0;font-size:1rem;font-weight:600}.brand span{color:var(--cyan)}.brand i{color:var(--violet);margin-left:3px;font-style:normal}.nav-list{justify-content:center;gap:8px;display:flex}.nav-list button{color:#718892;font:500 .67rem var(--mono);letter-spacing:.1em;background:0 0;border:0;align-items:baseline;gap:7px;padding:10px 12px;transition:all .25s;display:flex}.nav-list button small{opacity:.45;font-size:.57rem}.nav-list button:hover,.nav-list button.active{color:var(--text);text-shadow:0 0 16px #72f7ff59}.nav-list button.active:after{content:"";background:var(--cyan);width:4px;height:4px;box-shadow:0 0 10px var(--cyan);border-radius:50%;margin-left:3px}.status-pill{font:500 .62rem var(--mono);letter-spacing:.1em;color:#a8c2ca;justify-self:end;margin-right:14px;text-decoration:none}.status-dot{background:var(--green);width:6px;height:6px;box-shadow:0 0 10px var(--green);border-radius:50%;margin-right:7px;animation:1.7s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.36}}main{z-index:5;position:relative}.section{min-height:100vh;position:relative}.content-section{max-width:1500px;margin:0 auto;padding:120px clamp(24px,7vw,108px) 100px}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#0b141fbd,#050a1180);box-shadow:0 28px 90px #00000042,inset 0 1px #ffffff08}.hero{grid-template-columns:minmax(0,1.15fr) minmax(300px,.48fr);align-items:center;gap:48px;max-width:1500px;margin:0 auto;padding:122px clamp(24px,7vw,108px) 80px;display:grid}.hero-copy{max-width:830px}.eyebrow{font:500 .72rem var(--mono);color:#8da2ad;letter-spacing:.16em;margin-bottom:20px}.eyebrow span{color:var(--cyan)}.hero h1{letter-spacing:-.074em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(4rem,9.5vw,9.2rem);font-weight:800;line-height:.79}.hero h1 .glitch{color:#0000;-webkit-text-stroke:1px #d5fbffeb;text-shadow:8px 0 #72f7ff1f,-7px 0 #9b7bff1a;position:relative}.hero h1 .glitch:after{content:attr(data-text);color:#0000;-webkit-text-stroke:1px #72f7ff70;clip-path:inset(46% 0 40%);position:absolute;inset:0;transform:translate(5px)}.hero-copy>p{color:#9cb0b9;max-width:680px;margin:28px 0 0;font-size:clamp(.98rem,1.45vw,1.12rem);line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--line-strong);min-height:50px;font:600 .68rem var(--mono);letter-spacing:.12em;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));background:#050c1385;justify-content:center;align-items:center;gap:18px;padding:0 18px;text-decoration:none;display:inline-flex}.btn.primary{background:var(--cyan);color:#061014;border-color:var(--cyan);box-shadow:0 0 34px #72f7ff2e}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.hero-console{width:min(390px,100%);font-family:var(--mono);clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);justify-self:end;padding:16px}.profile-visual{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);background:#071019;border:1px solid #72f7ff2e;height:248px;margin:-2px -2px 16px;position:relative;overflow:hidden}.profile-visual img{object-fit:cover;object-position:52% 31%;filter:saturate(.84)contrast(1.04)brightness(.9);width:100%;height:100%;display:block;transform:scale(1.015)}.profile-visual-shade{pointer-events:none;background:linear-gradient(#03080d0a 35%,#03080db8 100%),linear-gradient(90deg,#050d152e,#0000 48%,#72f7ff0f);position:absolute;inset:0}.profile-visual-grid{opacity:.16;pointer-events:none;background-image:linear-gradient(#72f7ff2e 1px,#0000 1px),linear-gradient(90deg,#72f7ff2e 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 58% 100%);mask-image:linear-gradient(#0000 4%,#000 58% 100%)}.profile-visual-tag{color:#bceff2;font:600 .54rem var(--mono);letter-spacing:.13em;text-shadow:0 0 12px #72f7ff59;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.profile-visual-tag strong{width:24px;height:24px;color:var(--cyan);background:#030a1094;border:1px solid #72f7ff6b;place-items:center;font-size:.55rem;font-weight:600;display:grid}.profile-corner{opacity:.82;pointer-events:none;width:17px;height:17px;position:absolute}.profile-corner.corner-tl{border-left:1px solid var(--cyan);border-top:1px solid var(--cyan);top:7px;left:7px}.profile-corner.corner-tr{border-right:1px solid var(--cyan);border-top:1px solid var(--cyan);top:7px;right:7px}.profile-corner.corner-bl{border-bottom:1px solid #9b7bffcc;border-left:1px solid #9b7bffcc;bottom:7px;left:7px}.profile-corner.corner-br{border-bottom:1px solid #9b7bffcc;border-right:1px solid #9b7bffcc;bottom:7px;right:7px}.console-top{color:#607985;letter-spacing:.13em;border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:12px;font-size:.58rem;display:flex}.console-row{border-bottom:1px solid #75d7f214;grid-template-columns:75px 1fr;gap:14px;padding:12px 0;font-size:.68rem;display:grid}.console-row span{color:#58717d}.console-row strong{color:#d9edf2;font-weight:500}.console-bars{gap:12px;margin-top:18px;display:grid}.console-bars span{color:#6f8a95;letter-spacing:.09em;border-bottom:2px solid #0d2029;padding-bottom:9px;font-size:.57rem;display:block;position:relative}.console-bars span:after{content:"";width:var(--w);background:linear-gradient(90deg,var(--cyan),var(--violet));height:2px;position:absolute;bottom:-2px;left:0;box-shadow:0 0 9px #72f7ff66}.scroll-marker{font:500 .56rem var(--mono);letter-spacing:.16em;color:#566e78;align-items:center;gap:13px;display:flex;position:absolute;bottom:26px;left:clamp(24px,7vw,108px)}.scroll-marker i{background:linear-gradient(90deg,#315360,#0000);width:68px;height:1px}.section-label{font:600 .65rem var(--mono);letter-spacing:.16em;color:#718792;align-items:center;gap:13px;margin-bottom:38px;display:flex}.section-label span{color:var(--cyan)}.section-label-line{background:var(--line-strong);width:46px;height:1px}.section-label strong{font-weight:500}.section-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:34px;display:flex}.section-heading h2,.about-grid h2,.skills-copy h2,.contact-console h2{letter-spacing:-.055em;text-transform:uppercase;margin:0;font-size:clamp(2.6rem,6vw,6.1rem);line-height:.9}.section-heading p{max-width:540px;color:var(--muted);margin:0 0 7px;line-height:1.65}.about-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:46px;display:grid}.about-grid h2 span,.skills-copy h2 span,.contact-console h2 span{color:#0000;-webkit-text-stroke:1px #72f7ffa3}.text-panel{padding:clamp(22px,3vw,42px)}.text-panel p{color:#a7bac3;margin-top:0;font-size:1.02rem;line-height:1.8}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:34px;display:grid}.stat-grid div{background:#03090f66;border:1px solid #72f7ff1c;padding:18px 14px}.stat-grid strong{color:var(--cyan);font:600 1.1rem var(--mono);display:block}.stat-grid span{color:#617985;font:500 .54rem var(--mono);letter-spacing:.11em;margin-top:6px;display:block}.projects-section{min-height:auto}.project-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.project-card{min-height:520px;transform-style:preserve-3d;flex-direction:column;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";filter:blur(15px);opacity:.16;border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;right:-70px}.project-card.cyan:before{background:var(--cyan)}.project-card.violet:before{background:var(--violet)}.project-card.amber:before{background:var(--amber)}.project-card.cyan:hover{border-color:#72f7ff7a;box-shadow:0 28px 100px #1fd0dc14}.project-card.violet:hover{border-color:#9b7bff7a;box-shadow:0 28px 100px #9b7bff14}.project-card.amber:hover{border-color:#ffc66d7a;box-shadow:0 28px 100px #ffc66d14}.project-head{font:500 .55rem var(--mono);letter-spacing:.12em;color:#687f8a;justify-content:space-between;align-items:center;display:flex}.project-status{color:#8ed7b6;border:1px solid #80ffbf33;padding:5px 7px}.project-code{color:#5f7985;font:500 .62rem var(--mono);letter-spacing:.15em;margin-top:72px}.project-card h3{letter-spacing:-.045em;margin:10px 0 3px;font-size:clamp(1.9rem,3vw,3.1rem)}.project-card h4{color:#77909b;font:500 .64rem var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.project-card p{color:#9fb1ba;margin:20px 0 18px;font-size:.9rem;line-height:1.65}.tech-list{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.tech-list span{color:#839ba5;font:500 .55rem var(--mono);border:1px solid #8cdbf021;padding:6px 7px}.project-actions{gap:8px;margin-top:18px;display:flex}.project-actions a{text-align:center;border-top:1px solid var(--line);color:#c5e8ec;font:600 .58rem var(--mono);letter-spacing:.11em;flex:1;padding-top:14px;text-decoration:none}.project-actions a:hover{color:var(--cyan)}.timeline{max-width:1050px;margin-left:auto}.timeline-item{grid-template-columns:54px 175px 1fr;gap:20px;padding-bottom:20px;display:grid;position:relative}.timeline-item:before{content:"";background:linear-gradient(var(--line-strong),#72f7ff08);width:1px;position:absolute;top:28px;bottom:-10px;left:26px}.timeline-item:last-child:before{display:none}.timeline-node{border:1px solid var(--line-strong);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);background:#071018;place-items:center;width:54px;height:54px;display:grid}.timeline-node span{color:var(--cyan);font:600 .62rem var(--mono)}.timeline-date{color:#6c828d;font:500 .59rem var(--mono);letter-spacing:.08em;padding-top:18px}.timeline-card{padding:22px 24px}.timeline-card h3{margin:0;font-size:1.35rem}.timeline-card h4{color:#7c949f;font:500 .68rem var(--mono);margin:5px 0 0}.timeline-card p{color:#9db0b9;line-height:1.65}.timeline-card code{color:#79aab4;font:500 .59rem var(--mono);line-height:1.65}.skills-layout{grid-template-columns:.7fr 1.3fr;align-items:start;gap:42px;display:grid}.skills-copy{position:sticky;top:115px}.skills-copy p{color:#91a5ae;max-width:480px;line-height:1.75}.skills-panel{padding:10px 22px}.skill-group{border-bottom:1px solid #72f7ff17;grid-template-columns:150px 1fr;gap:20px;padding:22px 0;display:grid}.skill-group:last-child{border-bottom:0}.skill-label{color:#607985;font:600 .58rem var(--mono);letter-spacing:.14em;padding-top:7px}.skill-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tags span{color:#b8cbd2;font:500 .68rem var(--mono);background:#050c127a;border:1px solid #72f7ff24;padding:7px 10px;transition:all .2s;position:relative}.skill-tags span:hover{color:#061014;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 22px #72f7ff26}.contact-section{flex-direction:column;justify-content:center;min-height:92vh;display:flex}.contact-console{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);grid-template-columns:1fr .85fr;gap:60px;padding:clamp(26px,5vw,70px);display:grid}.terminal-kicker{color:var(--cyan);font:600 .6rem var(--mono);letter-spacing:.14em}.contact-console h2{margin-top:16px;font-size:clamp(2.5rem,5.2vw,5.3rem)}.contact-console p{color:#91a5ae;max-width:600px;line-height:1.7}.contact-links{align-content:center;display:grid}.contact-links a{border-bottom:1px solid #72f7ff1f;grid-template-columns:72px 1fr 28px;align-items:center;gap:12px;min-height:65px;text-decoration:none;transition:all .2s;display:grid}.contact-links a:hover{color:var(--cyan);padding-left:8px}.contact-links small{color:#627b86;font:600 .55rem var(--mono)}.contact-links span{font:500 .76rem var(--mono);overflow-wrap:anywhere}.contact-links b{text-align:right;font-weight:400}footer{color:#506772;font:500 .54rem var(--mono);letter-spacing:.08em;justify-content:space-between;gap:20px;margin-top:26px;display:flex}footer button{color:#708995;font:500 .54rem var(--mono);letter-spacing:.08em;background:0 0;border:0}footer button:hover{color:var(--cyan)}body.overdrive .scanlines{opacity:.26}body.overdrive .scene{filter:saturate(1.35)contrast(1.04)}body.overdrive .glass{box-shadow:0 28px 100px #00000047,inset 0 0 30px #72f7ff06}body.overdrive .glitch{animation:1.5s step-end infinite glitch}@keyframes glitch{0%,88%,to{transform:none}90%{transform:translate(4px)}93%{transform:translate(-5px)}96%{transform:translate(2px)}}@media (max-width:1100px){.hud-nav{grid-template-columns:76px 1fr 110px}.nav-list button span{display:none}.hero{grid-template-columns:1fr .48fr}.hero h1{font-size:clamp(4rem,9vw,7.2rem)}.project-grid{grid-template-columns:1fr}.project-card{min-height:390px}.project-code{margin-top:35px}.skills-layout,.about-grid{grid-template-columns:1fr}.skills-copy{position:static}}@media (max-width:760px){body{cursor:auto}a,button{cursor:pointer}.cursor-ring,.cursor-dot{display:none}.hud-nav{grid-template-columns:64px 1fr;min-height:52px;top:10px;left:10px;right:10px}.status-pill{display:none}.nav-list{justify-content:flex-end;gap:2px;padding-right:6px}.nav-list button{padding:9px 7px}.hero{grid-template-columns:1fr;align-content:center;min-height:100svh;padding:104px 20px 70px}.hero h1{font-size:clamp(3.55rem,18vw,6.1rem)}.hero-console{justify-self:start;width:min(100%,390px);margin-top:8px;padding:12px;display:block}.profile-visual{height:clamp(180px,58vw,230px);margin-bottom:10px}.hero-console .console-row{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:8px 0;font-size:.62rem}.hero-console .console-row strong{text-align:right;overflow-wrap:anywhere}.hero-console .console-bars{display:none}.hero-console .console-top{padding-bottom:9px}.hero-copy>p{font-size:.95rem}.scroll-marker{left:20px}.content-section{padding:100px 20px 70px}.section-heading{display:block}.section-heading p{margin-top:18px}.stat-grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:42px 1fr;gap:14px}.timeline-node{width:42px;height:42px}.timeline-item:before{top:25px;left:20px}.timeline-date{grid-column:2;padding-top:6px}.timeline-card{grid-column:2}.skill-group{grid-template-columns:1fr;gap:10px}.contact-console{grid-template-columns:1fr;gap:30px}footer{flex-direction:column;align-items:flex-start}.scene:after{background:linear-gradient(#05070d40,#05070dbd)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}