*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0a0a0a;--fg:#e8e8e8;--fg-dim:#888;--fg-muted:#555;--accent:#ff2d2d;--border:#333;--border-harsh:#555;--font-heading:var(--font-jetbrains-mono),monospace;--font-body:var(--font-ibm-plex-mono),monospace}html{scroll-behavior:smooth;cursor:crosshair;font-size:16px}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-weight:400;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;cursor:crosshair}::selection{background:var(--accent);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff5555}*{scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg)}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;z-index:9999;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03}.scroll-progress{position:fixed;top:0;left:0;height:2px;background:var(--accent);z-index:10000;transition:width .1s linear}.node-network{height:100%;z-index:0;pointer-events:none}.nav,.node-network{position:fixed;top:0;left:0;width:100%}.nav{z-index:1000;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference;transition:padding .3s ease}.nav--scrolled{padding:1rem 3rem}.nav__logo{font-family:var(--font-heading);font-weight:700;font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg)}.nav__logo span{color:var(--accent)}.nav__links{display:flex;gap:2.5rem;list-style:none}.nav__link{font-family:var(--font-heading);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);position:relative;padding-bottom:4px;transition:color .2s ease}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .25s ease}.nav__link--active,.nav__link:hover{color:var(--accent)}.nav__link--active:after,.nav__link:hover:after{width:100%}.nav__burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:crosshair;padding:4px}.nav__burger span{display:block;width:28px;height:2px;background:var(--fg);transition:transform .3s ease,opacity .3s ease}.nav__burger--active span:first-child{transform:translateY(7px) rotate(45deg)}.nav__burger--active span:nth-child(2){opacity:0}.nav__burger--active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:6rem 3rem 3rem;overflow:hidden;z-index:1}.hero__content{position:relative;z-index:2}.hero__name{font-family:var(--font-heading);font-weight:800;font-size:clamp(3rem,10vw,12vw);line-height:.9;text-transform:uppercase;letter-spacing:-.03em;color:var(--fg);position:relative}.hero__name-line{display:block;position:relative}.hero__name-line:nth-child(2){margin-left:8vw;color:var(--accent)}.hero__name--glitch{animation:glitchBase 4s infinite}.hero__name--glitch:after,.hero__name--glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.hero__name--glitch:before{color:var(--accent);z-index:-1;animation:glitchTop 4s infinite;-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0)}.hero__name--glitch:after{color:#00d4ff;z-index:-1;animation:glitchBottom 4s infinite;-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0)}@keyframes glitchBase{0%,92%,to{transform:translate(0)}93%{transform:translate(-3px,1px)}94%{transform:translate(3px,-1px)}95%{transform:translate(-2px,-1px)}96%{transform:translate(2px,1px)}}@keyframes glitchTop{0%,92%,to{transform:translate(0);-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0)}93%{transform:translate(8px,-2px);-webkit-clip-path:inset(10% 0 50% 0);clip-path:inset(10% 0 50% 0)}93.5%{transform:translate(-6px,1px);-webkit-clip-path:inset(20% 0 40% 0);clip-path:inset(20% 0 40% 0)}94%{transform:translate(4px);-webkit-clip-path:inset(5% 0 55% 0);clip-path:inset(5% 0 55% 0)}94.5%{transform:translate(-3px,-1px);-webkit-clip-path:inset(15% 0 45% 0);clip-path:inset(15% 0 45% 0)}95%{transform:translate(6px,2px);-webkit-clip-path:inset(25% 0 35% 0);clip-path:inset(25% 0 35% 0)}95.5%{transform:translate(-2px);-webkit-clip-path:inset(0 0 60% 0);clip-path:inset(0 0 60% 0)}}@keyframes glitchBottom{0%,92%,to{transform:translate(0);-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0)}93%{transform:translate(-6px,2px);-webkit-clip-path:inset(50% 0 10% 0);clip-path:inset(50% 0 10% 0)}93.5%{transform:translate(4px,-1px);-webkit-clip-path:inset(55% 0 5% 0);clip-path:inset(55% 0 5% 0)}94%{transform:translate(-3px,1px);-webkit-clip-path:inset(45% 0 15% 0);clip-path:inset(45% 0 15% 0)}94.5%{transform:translate(7px);-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0)}95%{transform:translate(-4px,-2px);-webkit-clip-path:inset(50% 0 10% 0);clip-path:inset(50% 0 10% 0)}95.5%{transform:translate(2px,1px);-webkit-clip-path:inset(60% 0 0 0);clip-path:inset(60% 0 0 0)}}.hero__title{font-family:var(--font-body);font-weight:300;font-size:clamp(.9rem,1.5vw,1.4rem);letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim);margin-top:2rem;margin-left:15vw;border-left:3px solid var(--accent);padding-left:1.5rem}.hero__cursor{display:inline-block;width:.6em;height:1.1em;background:var(--accent);margin-left:.3em;vertical-align:text-bottom;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero__wireframe{position:absolute;top:8%;right:3%;width:400px;height:400px;z-index:0;opacity:.5;cursor:crosshair;pointer-events:auto}.hero__wireframe svg{width:100%;height:100%;overflow:visible}.wire-line{fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}.wire-line--gray{stroke:#333}.wire-line--accent{stroke:var(--accent)}.wire-draw{animation:wireDraw 3s ease forwards}.wire-draw-d1{animation-delay:0s}.wire-draw-d2{animation-delay:.2s}.wire-draw-d3{animation-delay:.4s}.wire-draw-d4{animation-delay:.6s}.wire-draw-d5{animation-delay:.8s}.wire-draw-d6{animation-delay:1s}.wire-draw-d7{animation-delay:1.2s}.wire-draw-d8{animation-delay:1.4s}.wire-draw-d9{animation-delay:1.6s}.wire-draw-d10{animation-delay:1.8s}.wire-draw-d11{animation-delay:2s}.wire-draw-d12{animation-delay:2.2s}.wire-draw-d13{animation-delay:2.4s}.wire-draw-d14{animation-delay:2.6s}@keyframes wireDraw{0%{stroke-dashoffset:var(--dash-len);opacity:0}1%{opacity:1}to{stroke-dashoffset:0;opacity:1}}.wire-node{fill:none;stroke-width:1.5;opacity:0;animation:nodeAppear .5s ease forwards,nodePulse 2.5s ease-in-out 4s infinite}.wire-node--accent{stroke:var(--accent)}.wire-node--gray{stroke:#555}.wire-node-d1{animation-delay:3s,3.5s}.wire-node-d2{animation-delay:3.2s,3.7s}.wire-node-d3{animation-delay:3.4s,3.9s}.wire-node-d4{animation-delay:3.6s,4.1s}.wire-node-d5{animation-delay:3.8s,4.3s}.wire-node-d6{animation-delay:4s,4.5s}.wire-node-d7{animation-delay:4.2s,4.7s}@keyframes nodeAppear{0%{opacity:0;r:0}to{opacity:1}}@keyframes nodePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.watcher-ring{opacity:0;animation:nodeAppear .6s ease forwards;animation-delay:3.5s}.watcher-iris{opacity:0;animation:nodeAppear .6s ease forwards;animation-delay:3.8s}.watcher-pulse{animation:watcherPulse 3s ease-in-out 4.5s infinite}.watcher-label{opacity:0;animation:nodeAppear .4s ease forwards;animation-delay:4.2s}.watcher-label--active{animation-delay:4.5s}@keyframes watcherPulse{0%{opacity:0;r:55}30%{opacity:.3}to{opacity:0;r:90}}.hero__scroll{position:absolute;bottom:3rem;left:3rem;display:flex;align-items:center;gap:1rem;font-family:var(--font-heading);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--fg-dim);z-index:2}.hero__scroll-line{width:60px;height:1px;background:var(--fg-dim);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{0%{left:-100%}50%{left:0}to{left:100%}}.section{position:relative;z-index:1;padding:8rem 3rem;border-top:1px solid var(--border)}.section__header{margin-bottom:5rem;position:relative}.section__number{font-weight:300;font-size:.7rem;letter-spacing:.3em;color:var(--fg-muted);margin-bottom:1rem;display:block}.section__number,.section__title{font-family:var(--font-heading);text-transform:uppercase}.section__title{font-weight:800;font-size:clamp(2rem,5vw,4rem);letter-spacing:-.02em;color:var(--fg);line-height:1}.section__title span{color:var(--accent)}.section__rule{width:80px;height:3px;background:var(--accent);margin-top:1.5rem;border:none}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal--visible{opacity:1;transform:translateY(0)}.reveal--delay-1{transition-delay:.1s}.reveal--delay-2{transition-delay:.2s}.reveal--delay-3{transition-delay:.3s}.reveal--delay-4{transition-delay:.4s}.about__grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.about__quote{font-family:var(--font-heading);font-weight:700;font-size:clamp(1.3rem,2.5vw,2.2rem);line-height:1.3;color:var(--fg);position:relative;padding-left:2rem;border-left:4px solid var(--accent)}.about__quote:before{content:"\201C";position:absolute;top:-.3em;left:2rem;font-size:5rem;color:var(--accent);opacity:.15;font-family:Georgia,serif;line-height:1}.about__text{font-size:.9rem;color:var(--fg-dim);line-height:1.9}.about__text p{margin-bottom:1.5rem}.about__text p:last-child{margin-bottom:0}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-top:4rem;padding-top:4rem;border-top:1px solid var(--border)}.stat{text-align:left}.stat__number{font-family:var(--font-heading);font-weight:800;font-size:clamp(2rem,4vw,3.5rem);color:var(--accent);line-height:1;display:block}.stat__label{font-family:var(--font-body);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted);margin-top:.5rem;display:block}.skills__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.skill-card{border:1px solid var(--border);padding:2rem}.skill-card__title{font-family:var(--font-heading);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);margin-bottom:1.2rem;padding-bottom:1rem;border-bottom:2px solid var(--accent)}.skill-card__list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.skill-card__item{font-family:var(--font-heading);font-size:.65rem;letter-spacing:.08em;color:var(--fg-dim);border:1px solid var(--border);padding:.3rem .7rem;transition:border-color .3s ease,color .3s ease}.skill-card:hover .skill-card__item{border-color:var(--border-harsh);color:var(--fg)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem}.project-card{border:1px solid var(--border);padding:2.5rem;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease;background:rgba(10,10,10,.8);display:block}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.project-card:hover{transform:translate(-4px,-4px);border-color:var(--border-harsh)}.project-card:hover:before{transform:scaleX(1)}.project-card:after{content:"";position:absolute;top:4px;left:4px;width:100%;height:100%;border:1px solid var(--border);z-index:-1;transition:opacity .3s ease;opacity:0}.project-card:hover:after{opacity:1}.project-card__number{font-family:var(--font-heading);font-weight:300;font-size:.65rem;letter-spacing:.3em;color:var(--fg-muted);margin-bottom:1.5rem;display:block}.project-card__name{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);margin-bottom:1rem;line-height:1.2}.project-card__desc{font-size:.8rem;color:var(--fg-dim);line-height:1.7;margin-bottom:1.5rem}.project-card__tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-card__tag{font-family:var(--font-heading);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted);border:1px solid var(--border);padding:.3rem .7rem;transition:border-color .3s ease,color .3s ease}.project-card:hover .project-card__tag{border-color:var(--border-harsh);color:var(--fg-dim)}.project-card__arrow{position:absolute;top:2.5rem;right:2.5rem;font-size:1.2rem;color:var(--fg-muted);transition:color .3s ease,transform .3s ease}.project-card:hover .project-card__arrow{color:var(--accent);transform:translate(3px,-3px)}.project-card__link{display:block;color:inherit;text-decoration:none}.experience__timeline{position:relative;padding-left:0}.timeline-item{position:relative;padding:2.5rem 0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:180px 1fr;grid-gap:3rem;gap:3rem;align-items:start}.timeline-item:first-child{border-top:1px solid var(--border)}.timeline-item:before{content:"";position:absolute;left:180px;top:0;width:1px;height:100%;background:var(--border)}.timeline-item__date{font-family:var(--font-heading);font-weight:300;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);padding-top:.3rem}.timeline-item__content{padding-left:3rem}.timeline-item__role{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg);margin-bottom:.3rem;line-height:1.3}.timeline-item__company{font-family:var(--font-body);font-weight:500;font-size:.85rem;color:var(--accent);margin-bottom:1rem}.timeline-item__desc{font-size:.8rem;color:var(--fg-dim);line-height:1.8}.timeline-item__marker{position:absolute;left:174px;top:2.8rem;width:12px;height:12px;border:2px solid var(--accent);background:var(--bg);z-index:2}.contact__inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:start}.contact__heading{font-family:var(--font-heading);font-weight:800;font-size:clamp(1.5rem,3vw,2.5rem);text-transform:uppercase;line-height:1.2;color:var(--fg)}.contact__heading span{color:var(--accent)}.contact__info{display:flex;flex-direction:column;gap:2rem}.contact__email{font-family:var(--font-heading);font-weight:500;font-size:1rem;color:var(--fg);border-bottom:2px solid var(--accent);padding-bottom:.5rem;display:inline-block;transition:color .3s ease}.contact__email:hover{color:var(--accent)}.contact__socials{display:flex;gap:2rem}.contact__social{font-family:var(--font-heading);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-dim);position:relative;padding-bottom:4px;transition:color .3s ease}.contact__social:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--accent);transition:width .3s ease}.contact__social:hover{color:var(--accent)}.contact__social:hover:after{width:100%}.contact__note{font-size:.8rem;color:var(--fg-muted);line-height:1.8}.footer{position:relative;z-index:1;padding:2rem 3rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--fg-muted)}.footer span{color:var(--accent)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:2rem;opacity:0;pointer-events:none;transition:opacity .4s ease}.mobile-menu--active{opacity:1;pointer-events:all}.mobile-menu__link{font-family:var(--font-heading);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg);transition:color .3s ease}.mobile-menu__link--active,.mobile-menu__link:hover{color:var(--accent)}.terminal{border:1px solid var(--border);margin-bottom:4rem;overflow:hidden}.terminal__header{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:rgba(20,20,20,.9);border-bottom:1px solid var(--border)}.terminal__dot{width:10px;height:10px;border-radius:50%}.terminal__dot--red{background:#ff5f56}.terminal__dot--yellow{background:#ffbd2e}.terminal__dot--green{background:#27c93f}.terminal__title{font-family:var(--font-heading);font-size:.65rem;color:var(--fg-muted);margin-left:.5rem;letter-spacing:.05em}.terminal__body{padding:1.5rem;background:rgba(10,10,10,.9)}.terminal__line{margin-bottom:.8rem;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.terminal__line:last-child{margin-bottom:0}.terminal__line--visible{opacity:1;transform:translateY(0)}.terminal__prompt{font-family:var(--font-heading);font-size:.8rem;color:var(--accent);display:block;margin-bottom:.3rem}.terminal__response{font-family:var(--font-body);font-size:.8rem;color:var(--fg-dim);display:block;padding-left:1rem}.project-card__visual{height:80px;display:flex;align-items:center;justify-content:center;margin:-2.5rem -2.5rem 2rem;padding:2.5rem;border-bottom:1px solid var(--border);background:linear-gradient(135deg,rgba(255,45,45,.03),rgba(10,10,10,.5));position:relative;overflow:hidden}.project-card__visual:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 20px,rgba(51,51,51,.15) 0,rgba(51,51,51,.15) 21px)}.project-card__icon{font-family:var(--font-heading);font-weight:800;font-size:1.8rem;color:var(--accent);opacity:.3;letter-spacing:.1em;position:relative;z-index:1;transition:opacity .3s ease}.project-card:hover .project-card__icon{opacity:.6}@media (max-width:1024px){.about__grid{grid-template-columns:1fr;gap:3rem}.about__stats{grid-template-columns:repeat(3,1fr)}.skills__grid{grid-template-columns:repeat(2,1fr)}.projects__grid{grid-template-columns:1fr}.timeline-item{grid-template-columns:140px 1fr;gap:2rem}.timeline-item:before{left:140px}.timeline-item__marker{left:134px}.timeline-item__content{padding-left:2rem}}@media (max-width:768px){.nav{padding:1.2rem 1.5rem}.nav--scrolled{padding:1rem 1.5rem}.nav__links{display:none}.mobile-menu,.nav__burger{display:flex}.hero{padding:5rem 1.5rem 3rem}.hero__title{margin-top:1.5rem}.hero__name-line:nth-child(2),.hero__title{margin-left:0}.hero__wireframe{width:200px;height:200px;top:12%;right:3%;opacity:.35}.hero__scroll{left:1.5rem;bottom:2rem}.section{padding:5rem 1.5rem}.section__header{margin-bottom:3rem}.about__stats{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}.skills__grid,.timeline-item{grid-template-columns:1fr}.timeline-item{gap:.5rem;padding:2rem 0}.timeline-item:before,.timeline-item__marker{display:none}.timeline-item__content{padding-left:0}.contact__inner{grid-template-columns:1fr;gap:2.5rem}.contact__socials{flex-wrap:wrap;gap:1.5rem}.footer{flex-direction:column;gap:.5rem;padding:1.5rem;text-align:center}}@media (max-width:480px){html{font-size:14px}.hero{padding:4rem 1rem 2rem}.section{padding:4rem 1rem}.about__stats{grid-template-columns:1fr;gap:1.5rem}.project-card{padding:1.5rem}.contact__socials{flex-direction:column;gap:1rem}.footer{padding:1.5rem 1rem}.hero__wireframe{width:150px;height:150px;opacity:.25}}