:root{--color-bg: #05060f;--color-bg-elevated: #0c0e1a;--color-bg-card: #0f1123;--color-bg-overlay: rgba(5, 6, 15, .9);--color-text-primary: #e0e4f0;--color-text-secondary: #9da2be;--color-text-muted: #636888;--color-cyan: #00f0ff;--color-cyan-dim: #00a0aa;--color-magenta: #ff00aa;--color-magenta-dim: #aa0077;--color-purple: #8b5cf6;--color-amber: #f59e0b;--color-green: #00ff88;--glow-cyan: 0 0 20px rgba(0, 240, 255, .3), 0 0 60px rgba(0, 240, 255, .1);--glow-magenta: 0 0 20px rgba(255, 0, 170, .3), 0 0 60px rgba(255, 0, 170, .1);--glow-text-cyan: 0 0 10px rgba(0, 240, 255, .5);--glow-text-magenta: 0 0 10px rgba(255, 0, 170, .5);--font-display: "Orbitron", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-hero: clamp(4rem, 12vw, 11rem);--text-h1: clamp(2.5rem, 5vw, 5rem);--text-h2: clamp(1.8rem, 3.5vw, 3.5rem);--text-h3: clamp(1.2rem, 2vw, 1.8rem);--text-body: clamp(.95rem, 1.1vw, 1.15rem);--text-small: clamp(.75rem, .85vw, .85rem);--text-caption: .7rem;--space-section: clamp(8rem, 18vh, 14rem);--space-lg: clamp(3rem, 5vw, 5rem);--space-md: clamp(1.5rem, 3vw, 3rem);--space-sm: clamp(.75rem, 1.5vw, 1.5rem);--space-xs: clamp(.35rem, .75vw, .75rem);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--container-max: 1400px;--container-padding: clamp(1.5rem, 4vw, 4rem);--cursor-size-dot: 6px;--cursor-size-ring: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:initial}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text-primary);overflow-x:hidden;line-height:1.6}@media(pointer:fine){body{cursor:none}}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer}.loader{position:fixed;inset:0;z-index:9999;background:#0a0e2a;display:flex;align-items:center;justify-content:center;flex-direction:column}.loader__inner{text-align:center;width:min(400px,80vw)}.loader__glitch{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);letter-spacing:.2em;margin-bottom:2rem;position:relative}.loader__glitch:before,.loader__glitch:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.loader__glitch:before{color:var(--color-magenta);animation:glitch-1 2s infinite linear alternate-reverse;clip-path:inset(0 0 60% 0)}.loader__glitch:after{color:var(--color-cyan);animation:glitch-2 2s infinite linear alternate-reverse;clip-path:inset(40% 0 0 0)}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-2px,-2px)}80%{transform:translate(2px,1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,1px)}60%{transform:translate(2px,2px)}80%{transform:translate(-2px,-1px)}}.loader__bar-track{width:100%;height:2px;background:var(--color-text-muted);position:relative;overflow:hidden}.loader__bar{width:0%;height:100%;background:var(--color-cyan);box-shadow:var(--glow-cyan);transition:width .3s ease}.loader__percent{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-cyan);margin-top:1rem;letter-spacing:.1em}.loader__status{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);margin-top:.5rem;letter-spacing:.15em;text-transform:uppercase}.cursor{position:fixed;top:0;left:0;z-index:99999;pointer-events:none}@media(pointer:coarse){.cursor{display:none}}.cursor__dot{width:var(--cursor-size-dot);height:var(--cursor-size-dot);background:var(--color-cyan);border-radius:50%;position:absolute;top:calc(var(--cursor-size-dot) / -2);left:calc(var(--cursor-size-dot) / -2);box-shadow:0 0 10px var(--color-cyan)}.cursor__ring{width:var(--cursor-size-ring);height:var(--cursor-size-ring);border:1px solid rgba(0,240,255,.4);border-radius:50%;position:absolute;top:calc(var(--cursor-size-ring) / -2);left:calc(var(--cursor-size-ring) / -2);transition:width .3s var(--ease-spring),height .3s var(--ease-spring),top .3s var(--ease-spring),left .3s var(--ease-spring),border-color .3s ease}.cursor--hover .cursor__ring{width:60px;height:60px;top:-30px;left:-30px;border-color:var(--color-magenta)}.cursor--hover .cursor__dot{transform:scale(0)}.cursor__text{position:absolute;font-family:var(--font-mono);font-size:8px;color:var(--color-cyan);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;opacity:0;transform:translate(-50%,-50%);top:0;left:0}.cursor--hover .cursor__text{opacity:1}.bottom-controls{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:100;display:flex;align-items:center;gap:1.25rem;opacity:0;transition:opacity .5s ease;pointer-events:none}.bottom-controls--visible{opacity:1;pointer-events:auto}.sound-toggle{display:flex;align-items:center;gap:.5rem}.sound-toggle__icon{display:flex;gap:2px;align-items:flex-end;height:14px}.sound-toggle__bar{width:2px;background:var(--color-text-secondary);transition:background .3s ease}.sound-toggle__bar:nth-child(1){height:40%}.sound-toggle__bar:nth-child(2){height:70%}.sound-toggle__bar:nth-child(3){height:100%}.sound-toggle--active .sound-toggle__bar{background:var(--color-cyan);animation:soundbar .8s ease infinite alternate}.sound-toggle--active .sound-toggle__bar:nth-child(1){animation-delay:0s}.sound-toggle--active .sound-toggle__bar:nth-child(2){animation-delay:.2s}.sound-toggle--active .sound-toggle__bar:nth-child(3){animation-delay:.4s}@keyframes soundbar{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.sound-toggle__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.15em}.scroll-top{display:flex;align-items:center;gap:.4rem;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.scroll-top--visible{opacity:1;transform:translateY(0);pointer-events:auto}.scroll-top__arrow{font-family:var(--font-mono);font-size:.9rem;color:var(--color-text-secondary);transition:color .3s ease,text-shadow .3s ease}.scroll-top__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.15em;transition:color .3s ease}.scroll-top:hover .scroll-top__arrow,.scroll-top:hover .scroll-top__label{color:var(--color-cyan)}.scroll-top:hover .scroll-top__arrow{text-shadow:var(--glow-text-cyan)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--container-padding);transition:background .4s ease,backdrop-filter .4s ease}.nav--scrolled{background:#05060fd9;backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,240,255,.05)}.nav__logo{display:flex;align-items:center;position:relative}.nav__logo-img{height:24px;width:auto;filter:brightness(1.1);transition:filter .3s ease;position:relative}.nav__logo-glitch{position:absolute;inset:0;opacity:0;pointer-events:none;width:100%;height:100%;object-fit:contain}.nav__logo-glitch--r{filter:hue-rotate(-60deg) saturate(3) brightness(1.5);mix-blend-mode:screen}.nav__logo-glitch--b{filter:hue-rotate(180deg) saturate(3) brightness(1.5);mix-blend-mode:screen}.nav__logo:hover .nav__logo-img{filter:brightness(1.4) drop-shadow(0 0 8px rgba(0,240,255,.5));animation:navLogoShake .4s steps(3) both}.nav__logo:hover .nav__logo-glitch--r{animation:navGlitchR .4s steps(2) both}.nav__logo:hover .nav__logo-glitch--b{animation:navGlitchB .4s steps(2) both}@keyframes navLogoShake{0%{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(2px,-1px)}60%{transform:translate(-1px)}80%{transform:translate(1px,1px)}to{transform:translate(0)}}@keyframes navGlitchR{0%{transform:translate(3px,-1px);opacity:.7}25%{transform:translate(-2px,1px);opacity:.4}50%{transform:translate(4px);opacity:.8}75%{transform:translate(-1px,-1px);opacity:.3}to{transform:translate(0);opacity:0}}@keyframes navGlitchB{0%{transform:translate(-3px,1px);opacity:.7}25%{transform:translate(2px,-1px);opacity:.4}50%{transform:translate(-4px);opacity:.8}75%{transform:translate(1px,1px);opacity:.3}to{transform:translate(0);opacity:0}}.nav__links{display:flex;align-items:center;gap:var(--space-md)}.nav__link{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-secondary);letter-spacing:.15em;text-transform:uppercase;position:relative;padding:.5rem 0;transition:color .3s ease}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-cyan);box-shadow:var(--glow-cyan);transition:width .3s var(--ease-out-expo)}.nav__link:hover{color:var(--color-cyan)}.nav__link:hover:after{width:100%}.nav__link--cta{color:var(--color-cyan);border:1px solid rgba(0,240,255,.3);padding:.4rem 1rem;font-size:var(--text-caption)}.nav__link--cta:after{display:none}.nav__link--cta:hover{background:#00f0ff1a;border-color:var(--color-cyan);box-shadow:var(--glow-cyan)}@media(max-width:768px){.nav__links{display:none}}.section{position:relative;padding:var(--space-section) var(--container-padding);min-height:100vh}.section__inner{max-width:var(--container-max);margin:0 auto}.section__label{display:flex;align-items:center;gap:1rem;margin-bottom:var(--space-lg);font-family:var(--font-mono)}.section__label-num{font-size:var(--text-caption);color:var(--color-cyan);letter-spacing:.2em}.section__label-line{width:40px;height:1px;background:linear-gradient(90deg,var(--color-cyan),transparent)}.section__label-text{font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.3em;text-transform:uppercase}.section__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:600;letter-spacing:.02em;margin-bottom:var(--space-lg);line-height:1.2;position:relative;display:inline-block;cursor:default}.section__title:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-cyan);box-shadow:var(--glow-cyan);transition:width .3s var(--ease-out-expo)}.section__title:hover:after{width:100%}.section__title:hover{animation:titleGlitchShake .4s steps(3) both}@keyframes titleGlitchShake{0%{text-shadow:none;transform:translate(0)}15%{text-shadow:-2px 0 #ff0044,2px 0 #0066ff;transform:translate(-1px,1px)}30%{text-shadow:3px 0 #ff0044,-3px 0 #0066ff;transform:translate(2px,-1px)}45%{text-shadow:-1px 0 #ff0044,1px 0 #0066ff;transform:translate(-1px)}60%{text-shadow:2px 0 #ff0044,-2px 0 #0066ff;transform:translate(1px,1px)}75%{text-shadow:-1px 0 rgba(255,0,68,.5),1px 0 rgba(0,102,255,.5);transform:translate(0)}to{text-shadow:none;transform:translate(0)}}.section-divider{position:relative;height:60px;display:flex;align-items:center;justify-content:center;overflow:hidden}.section-divider__svg{width:100%;height:40px;color:var(--color-cyan);filter:drop-shadow(0 0 4px rgba(0,240,255,.3));opacity:0;clip-path:inset(0 50%)}@keyframes dividerChromaticGlitch{0%{filter:drop-shadow(0 0 4px rgba(0,240,255,.3))}10%{filter:drop-shadow(0 -2px 0 rgba(255,0,68,.6)) drop-shadow(0 2px 0 rgba(0,102,255,.6)) drop-shadow(0 0 6px rgba(0,240,255,.4))}20%{filter:drop-shadow(0 0 4px rgba(0,240,255,.3))}30%{filter:drop-shadow(0 -3px 0 rgba(255,0,68,.8)) drop-shadow(0 3px 0 rgba(0,102,255,.8)) drop-shadow(0 0 8px rgba(0,240,255,.5))}40%{filter:drop-shadow(0 0 4px rgba(0,240,255,.3))}55%{filter:drop-shadow(0 -1px 0 rgba(255,0,68,.4)) drop-shadow(0 1px 0 rgba(0,102,255,.4)) drop-shadow(0 0 6px rgba(0,240,255,.3))}70%{filter:drop-shadow(0 0 4px rgba(0,240,255,.3))}85%{filter:drop-shadow(0 -1px 0 rgba(255,0,68,.2)) drop-shadow(0 1px 0 rgba(0,102,255,.2)) drop-shadow(0 0 5px rgba(0,240,255,.3))}to{filter:drop-shadow(0 0 4px rgba(0,240,255,.3))}}.section-divider--active .section-divider__svg{animation:dividerChromaticGlitch .8s ease-out}.hero{height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.hero__content{position:relative;z-index:1;text-align:center;max-width:1000px;padding:0 var(--container-padding)}.hero__tag{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:var(--space-md);opacity:0}.hero__tag-line{width:40px;height:1px;background:var(--color-cyan);box-shadow:var(--glow-cyan)}.hero__tag-text{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-cyan);letter-spacing:.3em;text-shadow:var(--glow-text-cyan)}.hero__name{margin-bottom:var(--space-sm);overflow:hidden}.hero__name-line{font-family:var(--font-display);font-size:var(--text-hero);font-weight:900;letter-spacing:.05em;line-height:1;display:block;color:var(--color-text-primary);text-shadow:0 0 40px rgba(0,240,255,.15)}.hero__name-logo{display:block;width:clamp(280px,50vw,600px);height:auto;filter:drop-shadow(0 0 20px rgba(0,240,255,.3))}.hero__title{margin-bottom:var(--space-lg)}.hero__title-line{display:block;font-family:var(--font-body);font-size:var(--text-h3);font-weight:300;color:var(--color-text-secondary);letter-spacing:.02em;line-height:1.4;overflow:hidden}.hero__title-line--accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.hero__cta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-lg);opacity:0;position:relative;z-index:2}.hero__scroll{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:0}.hero__scroll-text{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.3em}.hero__scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--color-cyan),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero__scanline{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,240,255,.008) 2px,rgba(0,240,255,.008) 4px);pointer-events:none;z-index:2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 2rem;font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:.15em;text-transform:uppercase;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo)}.btn--primary{background:transparent;border:1px solid var(--color-cyan);color:var(--color-cyan)}.btn--primary:hover{background:#00f0ff1a;box-shadow:var(--glow-cyan)}.btn__glow{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,240,255,.1),transparent);transform:translate(-100%);transition:transform .6s var(--ease-out-expo)}.btn--primary:hover .btn__glow{transform:translate(100%)}.btn--outline{border:1px solid var(--color-text-muted);color:var(--color-text-secondary)}.btn--outline:hover{border-color:var(--color-magenta);color:var(--color-magenta);box-shadow:var(--glow-magenta)}.about__content{display:grid;grid-template-columns:auto 1fr;gap:var(--space-lg);align-items:start}.about__sidebar{display:flex;flex-direction:column;gap:var(--space-lg);align-items:center}.about__portrait{position:relative}.portrait{width:clamp(300px,30vw,500px);cursor:pointer;user-select:none}.portrait__frame{position:relative;overflow:hidden;border:1px solid rgba(0,240,255,.3);background:var(--color-bg-card);box-shadow:0 0 15px #00f0ff14,inset 0 0 30px #00f0ff08;transition:border-color .4s ease,box-shadow .4s ease}.portrait:hover .portrait__frame{border-color:#00f0ff99;box-shadow:0 0 25px #00f0ff26,0 0 60px #00f0ff0d,inset 0 0 30px #00f0ff0d}.portrait__img{display:block;width:100%;height:auto;position:relative;z-index:2;filter:saturate(.85) contrast(1.05);transition:filter .4s ease}.portrait:hover .portrait__img{filter:saturate(1) contrast(1.1)}.portrait__glitch-layer{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;mix-blend-mode:screen}.portrait__glitch-r{transform:translate(3px,-1px);filter:saturate(0) brightness(.8)}.portrait__glitch-b{transform:translate(-3px,1px);filter:saturate(0) brightness(.8)}.portrait--glitch .portrait__glitch-r{opacity:.7;filter:saturate(0) brightness(1);mix-blend-mode:screen;animation:portraitGlitchR .6s steps(2) forwards}.portrait--glitch .portrait__glitch-b{opacity:.7;filter:saturate(0) brightness(1);mix-blend-mode:screen;animation:portraitGlitchB .6s steps(2) forwards}.portrait--glitch .portrait__img{animation:portraitShake .6s steps(3) forwards}.portrait--glitch .portrait__frame{border-color:var(--color-cyan);box-shadow:0 0 30px #00f0ff4d,0 0 80px #00f0ff1a,inset 0 0 40px #00f0ff14}@keyframes portraitGlitchR{0%{transform:translate(4px,-2px);opacity:.8;filter:hue-rotate(-60deg) saturate(2) brightness(1.2)}15%{transform:translate(-2px,1px);opacity:.5}30%{transform:translate(6px);opacity:.9;filter:hue-rotate(-60deg) saturate(3) brightness(1.5)}50%{transform:translate(-1px,-3px);opacity:.4}70%{transform:translate(3px,1px);opacity:.6}85%{transform:translate(1px);opacity:.2}to{transform:translate(0);opacity:0}}@keyframes portraitGlitchB{0%{transform:translate(-4px,2px);opacity:.8;filter:hue-rotate(180deg) saturate(2) brightness(1.2)}15%{transform:translate(2px,-1px);opacity:.5}30%{transform:translate(-6px);opacity:.9;filter:hue-rotate(180deg) saturate(3) brightness(1.5)}50%{transform:translate(1px,3px);opacity:.4}70%{transform:translate(-3px,-1px);opacity:.6}85%{transform:translate(-1px);opacity:.2}to{transform:translate(0);opacity:0}}@keyframes portraitShake{0%{transform:translate(0)}10%{transform:translate(-3px,1px)}20%{transform:translate(2px,-2px)}35%{transform:translate(-1px);filter:saturate(1.5) hue-rotate(5deg)}50%{transform:translate(1px,1px)}65%{transform:translateY(-1px);filter:saturate(.85) contrast(1.05)}80%{transform:translate(-1px)}to{transform:translate(0);filter:saturate(.85) contrast(1.05)}}.portrait__scanline{position:absolute;inset:0;z-index:4;background:repeating-linear-gradient(0deg,transparent 0px,transparent 2px,rgba(0,240,255,.015) 2px,rgba(0,240,255,.015) 4px);pointer-events:none}.portrait__corners{position:absolute;inset:0;z-index:5;pointer-events:none}.portrait__corners span{position:absolute;width:12px;height:12px;border-color:var(--color-cyan);border-style:solid;border-width:0;transition:border-color .4s ease}.portrait__corners span:nth-child(1){top:-1px;left:-1px;border-top-width:2px;border-left-width:2px}.portrait__corners span:nth-child(2){top:-1px;right:-1px;border-top-width:2px;border-right-width:2px}.portrait__corners span:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:2px;border-left-width:2px}.portrait__corners span:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px}.portrait--glitch .portrait__corners span{border-color:var(--color-magenta)}.portrait__label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.2em;text-align:center;margin-top:.75rem;transition:color .4s ease}.portrait:hover .portrait__label{color:var(--color-cyan)}.portrait--glitch .portrait__label{color:var(--color-magenta)}.about__text p{font-size:var(--text-body);line-height:1.8;color:var(--color-text-secondary);margin-bottom:var(--space-md)}.about__intro{font-size:clamp(1.2rem,1.8vw,1.6rem)!important;color:var(--color-text-primary)!important;line-height:1.6!important}.text-accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.about__stats{display:flex;flex-direction:row;gap:var(--space-md);padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:1px solid rgba(0,240,255,.1);width:100%;justify-content:center}.about__stat{display:flex;flex-direction:column;gap:.25rem}.about__stat-num{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);line-height:1}.about__stat-num:after{content:"+";font-size:.6em;color:var(--color-magenta)}.about__stat-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase}@media(max-width:768px){.about__content{grid-template-columns:1fr}.about__sidebar{align-items:center}.about__stats{flex-direction:row;justify-content:center}.portrait{width:clamp(250px,60vw,400px)}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);perspective:800px}.skill-card{background:#0a0c19b3;border:1px solid rgba(0,240,255,.06);padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;position:relative;overflow:hidden;transition:all .4s var(--ease-out-expo);transform-style:preserve-3d}.skill-card__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0%,var(--skill-color, rgba(0, 240, 255, .08)),transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--skill-color, var(--color-cyan)),transparent);opacity:0;transition:opacity .4s ease}.skill-card:hover{border-color:var(--skill-color, rgba(0, 240, 255, .3));transform:translateY(-6px);box-shadow:0 15px 40px #0006,0 0 20px color-mix(in srgb,var(--skill-color, var(--color-cyan)) 15%,transparent)}.skill-card:hover .skill-card__glow{opacity:1}.skill-card:hover:before{opacity:1}.skill-card:hover .skill-card__icon{text-shadow:0 0 20px var(--skill-color, var(--color-cyan));transform:scale(1.15)}.skill-card__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;position:relative;z-index:1;transition:all .3s ease}.skill-card__name{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-primary);letter-spacing:.05em;position:relative;z-index:1}.skill-card__bar-wrap{width:100%;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.skill-card__bar{flex:1;height:3px;background:#ffffff0d;position:relative;overflow:hidden;border-radius:2px}.skill-card__bar-fill{height:100%;background:var(--skill-color, var(--color-cyan));box-shadow:0 0 10px var(--skill-color, var(--color-cyan));width:0%;border-radius:2px}.skill-card__level{font-family:var(--font-mono);font-size:10px;color:var(--skill-color, var(--color-text-muted));letter-spacing:.1em;position:relative;z-index:1;min-width:30px;text-align:right}.portfolio__filters{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-lg)}.filter-btn{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:.4rem 1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer;background:none}.filter-btn:hover,.filter-btn--active{color:var(--color-cyan);border-color:#00f0ff4d;background:#00f0ff0d;text-shadow:var(--glow-text-cyan)}.portfolio__grid-wrap{transform-origin:center top}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:80px;grid-auto-flow:dense;gap:6px}.project-card{position:relative;overflow:hidden;background:var(--color-bg-card);border:1px solid rgba(0,240,255,.12);outline:1px solid rgba(0,240,255,.04);outline-offset:3px;transition:border-color .4s ease,box-shadow .4s ease,outline-color .4s ease;cursor:pointer;grid-row:span 3}.project-card--h4{grid-row:span 4}.project-card--h5{grid-row:span 5}.project-card--wide{grid-column:span 2;grid-row:span 4}.project-card:hover{border-color:#00f0ff66;outline-color:#00f0ff26;animation:card-chromatic .4s steps(3) 1}@keyframes card-chromatic{0%{box-shadow:-3px 0 #ff00aa80,3px 0 #00f0ff80,0 0 30px #00f0ff1a}33%{box-shadow:2px 1px #f0a9,-2px -1px #00f0ff99,0 0 20px #ff00aa14}66%{box-shadow:-1px -2px #f0a6,1px 2px #00f0ff66,0 0 25px #00f0ff1a}to{box-shadow:0 0 20px #00f0ff14,0 0 40px #00f0ff0a}}.project-card:after{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-cyan) 30%,var(--color-magenta) 70%,transparent 100%);opacity:0;z-index:5;pointer-events:none}.project-card:hover:after{animation:scanline-sweep .6s ease-out 1}@keyframes scanline-sweep{0%{top:-2px;opacity:.8}to{top:100%;opacity:0}}.project-card:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 64 64' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:64px 64px;opacity:0;z-index:4;pointer-events:none;mix-blend-mode:overlay;transition:opacity .3s ease}.project-card:hover:before{opacity:.06}.project-card__media{position:absolute;inset:0}.project-card__thumb{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-expo),filter .4s ease}.project-card:hover .project-card__thumb{transform:scale(1.05);filter:saturate(1.2) brightness(1.1)}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,6,15,.9) 0%,rgba(5,6,15,.4) 35%,rgba(5,6,15,.05) 70%,transparent 100%);z-index:1;transition:background .4s ease}.project-card:hover .project-card__overlay{background:linear-gradient(to top,rgba(5,6,15,.95) 0%,rgba(5,6,15,.6) 40%,rgba(5,6,15,.15) 70%,transparent 100%)}.project-card__corner{position:absolute;width:16px;height:16px;border-color:var(--color-cyan);opacity:.3;transition:opacity .4s ease,border-color .4s ease,width .3s ease,height .3s ease;z-index:3}.project-card:hover .project-card__corner{opacity:.8;width:22px;height:22px;border-color:var(--color-cyan);filter:drop-shadow(0 0 4px rgba(0,240,255,.4))}.project-card__corner--tl{top:6px;left:6px;border-top:1px solid;border-left:1px solid}.project-card__corner--tr{top:6px;right:6px;border-top:1px solid;border-right:1px solid}.project-card__corner--bl{bottom:6px;left:6px;border-bottom:1px solid;border-left:1px solid}.project-card__corner--br{bottom:6px;right:6px;border-bottom:1px solid;border-right:1px solid}.project-card__info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);z-index:2;transform:translateY(8px);transition:transform .5s var(--ease-out-expo)}.project-card:hover .project-card__info{transform:translateY(0)}.project-card__category{font-family:var(--font-mono);font-size:9px;color:var(--color-cyan);letter-spacing:.25em;text-transform:uppercase;margin-bottom:.5rem;text-shadow:var(--glow-text-cyan)}.project-card__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:600;letter-spacing:.02em;margin-bottom:.5rem;line-height:1.2;transition:text-shadow .1s steps(2)}.project-card:hover .project-card__info{animation:text-italic-glitch .5s ease-out 1}@keyframes text-italic-glitch{0%{transform:translateY(0) translate(0) skew(0)}12%{transform:translateY(0) translate(-8px) skew(-14deg);text-shadow:-2px 0 #ff00aa,2px 0 #00f0ff}24%{transform:translateY(0) translate(5px) skew(10deg);text-shadow:2px 0 #ff00aa,-2px 0 #00f0ff}36%{transform:translateY(0) translate(-3px) skew(-6deg);text-shadow:-1px 0 #ff00aa,1px 0 #00f0ff}50%{transform:translateY(0) translate(2px) skew(3deg);text-shadow:1px 0 #ff00aa,-1px 0 #00f0ff}65%{transform:translateY(0) translate(-1px) skew(-1deg);text-shadow:none}to{transform:translateY(0) translate(0) skew(0);text-shadow:none}}.project-card__desc{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5;opacity:0;transform:translateY(10px);transition:all .4s var(--ease-out-expo) .1s}.project-card:hover .project-card__desc{opacity:1;transform:translateY(0)}@media(max-width:1024px){.portfolio__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:70px}}@media(max-width:768px){.portfolio__grid{grid-template-columns:1fr;grid-auto-rows:80px}.project-card--wide{grid-column:span 1}.project-card{grid-row:span 3}.project-card--h4,.project-card--h5{grid-row:span 4}}.project-modal{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center}.project-modal--open{display:flex}.project-modal__backdrop{position:absolute;inset:0;background:#05060feb;backdrop-filter:blur(12px)}.project-modal__content{position:relative;z-index:1;width:90%;max-width:900px;max-height:85vh;overflow-y:auto;overscroll-behavior:contain;background:#0a0c19f7;border:1px solid rgba(0,240,255,.2);box-shadow:0 0 60px #00f0ff14,inset 0 1px #00f0ff1a}.project-modal__close{position:absolute;top:1rem;right:1rem;z-index:2;font-size:2rem;color:var(--color-text-muted);background:none;border:none;cursor:pointer;line-height:1;transition:color .2s ease,text-shadow .2s ease}.project-modal__close:hover{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.project-modal__video{width:100%;aspect-ratio:16/9;background:#000}.project-modal__video iframe{width:100%;height:100%;border:none}.project-modal__video-thumb{width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.project-modal__video-thumb:after{content:"";position:absolute;inset:0;background:#0000004d;transition:background .3s ease}.project-modal__video-thumb:hover:after{background:#00000026}.project-modal__play-btn{position:relative;z-index:1;background:none;border:none;cursor:pointer;transition:transform .3s var(--ease-out-expo);filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.project-modal__play-btn:hover{transform:scale(1.1)}.project-modal__play-btn svg{display:block}.project-modal__body{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.project-modal__category{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-cyan);letter-spacing:.15em;text-transform:uppercase}.project-modal__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:700;color:var(--color-text-primary)}.project-modal__desc{font-size:var(--text-body);color:var(--color-text-secondary);line-height:1.7}.project-modal__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-xs)}.project-modal__tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-cyan);border:1px solid rgba(0,240,255,.2);padding:.25rem .6rem;background:#00f0ff08}.project-modal__nda-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;color:var(--color-magenta);border:1px solid rgba(255,0,170,.3);padding:.4rem 1rem;margin-top:var(--space-xs);text-shadow:var(--glow-text-magenta)}@media(max-width:768px){.project-modal__content{width:95%;max-height:90vh}.project-modal__body{padding:var(--space-md)}}.dossier__grid{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-lg);align-items:start}.dossier__timeline{position:relative;padding-right:2rem}.vtl-line{position:absolute;top:0;right:6px;width:2px;height:0%;background:linear-gradient(180deg,var(--color-cyan),var(--color-magenta));box-shadow:0 0 8px #00f0ff33}.vtl-card{position:relative;padding:1rem 1.2rem;margin-bottom:var(--space-md);margin-right:1.5rem;background:var(--color-bg-card);border:1px solid rgba(0,240,255,.08);opacity:0;transform:translate(-20px);transition:border-color .4s ease,box-shadow .4s ease}.vtl-card:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-cyan),var(--color-magenta));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out-expo)}.vtl-card:hover:before{transform:scaleX(1)}.vtl-card:hover{border-color:#00f0ff4d;box-shadow:0 6px 25px #00f0ff14}.vtl-card__connector{position:absolute;top:1.65rem;right:-1.5rem;width:1.5rem;height:1px;background:var(--color-cyan);box-shadow:0 0 4px #00f0ff4d}.vtl-card__dot{position:absolute;top:1.2rem;right:-2rem;width:10px;height:10px;border-radius:50%;background:var(--color-cyan);box-shadow:0 0 10px var(--color-cyan),0 0 20px #00f0ff4d;border:2px solid var(--color-bg);transform:translate(2px)}.vtl-card__icon{color:var(--color-cyan);margin-bottom:.4rem;opacity:.7}.vtl-card__year{font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--color-cyan);text-shadow:var(--glow-text-cyan);margin-bottom:.3rem;letter-spacing:.05em}.vtl-card__summary{font-family:var(--font-body);font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5}.vtl-card__badge{display:inline-block;font-family:var(--font-mono);font-size:8px;color:var(--color-green);letter-spacing:.2em;margin-top:.4rem;text-shadow:0 0 8px rgba(0,255,136,.5);animation:vtlPulse 2s ease-in-out infinite}@keyframes vtlPulse{0%,to{opacity:1}50%{opacity:.4}}.vtl-card--current{border-color:#00ff8859;background:linear-gradient(135deg,rgba(0,255,136,.06) 0%,var(--color-bg-card) 40%,rgba(0,240,255,.04) 100%);box-shadow:0 0 25px #00ff8814,inset 0 1px #00ff8826}.vtl-card--current:before{background:linear-gradient(90deg,var(--color-green),var(--color-cyan));transform:scaleX(1)}.vtl-card--current .vtl-card__year{color:var(--color-green);text-shadow:0 0 12px rgba(0,255,136,.6)}.vtl-card--current .vtl-card__icon{color:var(--color-green)}.vtl-card--current .vtl-card__dot{width:12px;height:12px;background:var(--color-green);box-shadow:0 0 12px var(--color-green),0 0 30px #0f86}.vtl-card--current:hover{border-color:#00ff8880;box-shadow:0 0 35px #00ff881f,0 8px 25px #00ff880f}.vtl-card--featured{border-color:#f59e0b66;background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,var(--color-bg-card) 35%,rgba(245,158,11,.04) 100%);box-shadow:0 0 30px #f59e0b1a,inset 0 1px #f59e0b33}.vtl-card--featured:before{background:linear-gradient(90deg,var(--color-amber),#fbbf24);transform:scaleX(1);height:3px}.vtl-card--featured .vtl-card__icon{color:var(--color-amber)}.vtl-card--featured .vtl-card__year{color:var(--color-amber);text-shadow:0 0 15px rgba(245,158,11,.6);font-size:.95rem}.vtl-card--featured .vtl-card__summary{font-size:var(--text-body);color:var(--color-text-primary)}.vtl-card--featured .vtl-card__badge{color:var(--color-amber);text-shadow:0 0 8px rgba(245,158,11,.5)}.vtl-card--featured .vtl-card__dot{width:14px;height:14px;background:var(--color-amber);box-shadow:0 0 14px var(--color-amber),0 0 35px #f59e0b66}.vtl-card--featured:hover{border-color:#f59e0b8c;box-shadow:0 0 40px #f59e0b26,0 8px 25px #f59e0b14}@media(max-width:768px){.dossier__grid{grid-template-columns:1fr}}.resume{position:relative;z-index:2;background:var(--color-bg);padding-top:var(--space-section);padding-bottom:var(--space-section)}.resume .section__inner{display:flex;flex-direction:column;gap:var(--space-md)}.resume__block{border:1px solid rgba(0,240,255,.06);background:#0f112380;padding:var(--space-md);position:relative}.resume__block:before{content:"";position:absolute;top:-1px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-cyan),transparent)}.resume__block-header{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-sm)}.resume__block-icon{font-size:.9rem;color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.resume__block-title{font-family:var(--font-display);font-size:.8rem;font-weight:700;letter-spacing:.15em;color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.resume__block-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,240,255,.2),transparent)}.resume__list{display:flex;flex-direction:column;gap:.5rem}.resume__item{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary);padding-left:1.2rem;position:relative}.resume__item:before{content:"▸";position:absolute;left:0;color:var(--color-cyan)}.resume__item--award:before{content:"★";color:var(--color-amber)}.resume__skills{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-sm)}.resume__skill{border:1px solid rgba(0,240,255,.04);padding:1rem;background:#05060f4d}.resume__skill-title{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.1em;color:var(--color-magenta);text-shadow:var(--glow-text-magenta);margin-bottom:.5rem}.resume__skill-detail{font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.6}.resume__tools{display:flex;flex-direction:column;gap:.75rem}.resume__tool-row{display:flex;gap:1rem;align-items:baseline;padding-bottom:.75rem;border-bottom:1px solid rgba(0,240,255,.04)}.resume__tool-cat{font-family:var(--font-display);font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--color-cyan);min-width:200px;flex-shrink:0}.resume__tool-list{font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-text-secondary);line-height:1.5}.resume__clients{display:flex;flex-wrap:wrap;gap:.4rem}.resume__client{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);border:1px solid rgba(0,240,255,.06);padding:.3rem .6rem;transition:all .3s ease}.resume__client:hover{color:var(--color-cyan);border-color:#00f0ff40;text-shadow:var(--glow-text-cyan)}.resume__facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm)}.resume__fact{display:flex;flex-direction:column;gap:.25rem}.resume__fact-key{font-family:var(--font-mono);font-size:9px;letter-spacing:.2em;color:var(--color-text-muted)}.resume__fact-val{font-family:var(--font-body);font-size:var(--text-body);color:var(--color-text-primary)}@media(max-width:768px){.resume__skills{grid-template-columns:1fr}.resume__tool-row{flex-direction:column;gap:.25rem}.resume__tool-cat{min-width:auto}}.contact{display:flex;align-items:center;min-height:100vh}.contact__title{font-family:var(--font-display);font-size:var(--text-h1);font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);letter-spacing:.02em}.contact__title-line{display:block;overflow:hidden}.contact__title-line--accent{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.contact__links{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-lg)}.contact__link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) 0;border-bottom:1px solid rgba(0,240,255,.06);transition:all .4s var(--ease-out-expo)}.contact__link:first-child{border-top:1px solid rgba(0,240,255,.06)}.contact__link:hover{padding-left:var(--space-sm);border-color:#00f0ff33}.contact__link-label{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;width:100px}.contact__link-value{font-size:var(--text-body);color:var(--color-text-primary);flex:1;transition:color .3s ease}.contact__link:hover .contact__link-value{color:var(--color-cyan);text-shadow:var(--glow-text-cyan)}.contact__link-arrow{font-size:1.2rem;color:var(--color-text-muted);transition:all .3s var(--ease-out-expo)}.contact__link:hover .contact__link-arrow{color:var(--color-cyan);transform:translate(8px)}.contact__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg)}.contact__copyright,.contact__tagline{font-family:var(--font-mono);font-size:var(--text-caption);color:var(--color-text-muted);letter-spacing:.1em}.text-gradient-cyan{background:linear-gradient(135deg,var(--color-cyan),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-magenta{background:linear-gradient(135deg,var(--color-magenta),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.grain{position:fixed;inset:0;z-index:9997;pointer-events:none;opacity:.03;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");background-repeat:repeat;background-size:256px 256px}.scene-switcher{position:absolute;bottom:var(--space-md);left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:var(--space-sm);padding:.5rem 1rem;background:#05060fcc;backdrop-filter:blur(20px);border:1px solid rgba(0,240,255,.1)}.scene-switcher__label{font-family:var(--font-mono);font-size:9px;color:var(--color-text-muted);letter-spacing:.25em;text-transform:uppercase}.scene-switcher__buttons{display:flex;gap:2px}.scene-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);padding:.35rem .75rem;border:1px solid transparent;transition:all .3s ease;cursor:pointer}.scene-btn:hover{color:var(--color-cyan);border-color:#00f0ff33}.scene-btn--active{color:var(--color-cyan);border-color:var(--color-cyan);background:#00f0ff14;box-shadow:var(--glow-cyan);text-shadow:var(--glow-text-cyan)}@media(max-width:768px){.scene-switcher{bottom:var(--space-sm);padding:.35rem .75rem;gap:var(--space-xs)}.scene-btn{font-size:8px;padding:.25rem .5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}