:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--accent-primary:#f33;--accent-secondary:#f63;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-tertiary:#9ca3af;--font-display:"Oswald", "Inter", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--glass-bg:#14141466;--glass-border:#ffffff0d;--glass-blur:blur(20px);--transition-fast:.3s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.8s cubic-bezier(.16, 1, .3, 1);--transition-slow:1.2s cubic-bezier(.16, 1, .3, 1);--z-loader:9999;--z-nav:9000;--z-modal:8000}*{box-sizing:border-box;min-width:0;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);text-rendering:optimizelegibility}#scroll-container{overflow-x:clip}.text-display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.02em;font-weight:700;line-height:.9}.text-editorial{font-family:var(--font-body);letter-spacing:-.01em;font-weight:300;line-height:1.4}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:24px}.noise-overlay{pointer-events:none;z-index:9998;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cfilter id=\"noiseFilter\"%3E%3CfeTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"/%3E%3C/filter%3E%3Crect width=\"100%25\" height=\"100%25\" filter=\"url(%23noiseFilter)\"/%3E%3C/svg%3E");width:100%;height:100dvh;position:fixed;top:0;left:0}#cinematic-loader{background-color:var(--bg-primary);width:100%;height:100dvh;z-index:var(--z-loader);flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;overflow:hidden}.loader-text{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px var(--text-tertiary);opacity:0;font-size:clamp(2.5rem,8vw,6rem);transform:translateY(40px)}.loader-progress{font-family:var(--font-mono);color:var(--text-secondary);font-size:1rem;position:absolute;bottom:10dvh;left:10vw}.loader-bar-container{background:var(--bg-tertiary);width:100%;height:2px;position:absolute;bottom:0;left:0}.loader-bar{background:var(--accent-primary);width:0%;height:100%;transition:width .1s}.hero-section{justify-content:center;align-items:center;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;width:90vw;max-width:1400px;position:relative}.hero-title-container{overflow:hidden}.hero-title{color:var(--text-primary);margin-bottom:clamp(-1rem,-2vw,-.5rem);font-size:clamp(2.5rem,8vw,8rem)}.hero-subtitle{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.2em;opacity:0;margin-top:2rem;font-size:1.2rem}.custom-cursor{background:var(--accent-primary);pointer-events:none;z-index:9999;mix-blend-mode:difference;border-radius:50%;width:20px;height:20px;transition:width .3s,height .3s,background-color .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hover{border:1px solid var(--accent-primary);background:0 0;width:60px;height:60px}@media (width<=1024px){.custom-cursor{display:none!important}}body,.text-gray-400,.text-gray-500,.text-gray-600,.apu-card-desc,.apu-card-result,.apu-subtitle,.skill-status-item,.skill-note,.more-project-link{color:#a3a3a3}.works-section{background:radial-gradient(circle at 85% 18%, #ff2d5512, transparent 30%), radial-gradient(circle at 10% 72%, #7c3aed0d, transparent 28%), var(--bg-primary);padding:clamp(8rem,14vw,14rem) 0;position:relative;overflow:clip}.works-section:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px);background-size:100% 120px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}.works-section:after{content:"PROJECT VAULT";font-family:var(--font-mono);letter-spacing:.45em;color:#ffffff2e;pointer-events:none;font-size:.55rem;position:absolute;top:5rem;right:-2rem;transform:rotate(90deg)}.works-header{z-index:2;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:4rem;margin-bottom:4rem;display:grid;position:relative}.works-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.35em;margin-bottom:1.5rem;font-size:.68rem;display:block}.works-label:before{content:"●";margin-right:.7rem;animation:1.8s ease-in-out infinite vaultPulse}.works-title{color:var(--text-primary);letter-spacing:-.055em;font-size:clamp(4rem,10vw,9rem);line-height:.82}.works-title em{color:#0000;-webkit-text-stroke:1px #ffffff4d;text-stroke:1px #ffffff4d}.works-desc{max-width:340px;color:var(--text-secondary);font-family:var(--font-body);margin:0;font-size:.9rem;font-weight:300;line-height:1.75}.works-cta{color:var(--text-primary);backdrop-filter:blur(16px);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.8rem;margin-top:1.5rem;padding:.75rem 1.1rem;font-size:.62rem;text-decoration:none;transition:all .35s;display:inline-flex}.works-cta:hover{border-color:var(--accent-primary);background:#ff2d5514;transform:translateY(-2px);box-shadow:0 0 35px #ff2d551f}.works-cta svg{width:14px;height:14px;transition:transform .35s}.works-cta:hover svg{transform:translate(3px,-3px)}.works-filters{z-index:3;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;display:flex;position:relative}.filter-pill{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.14em;cursor:pointer;background:#ffffff05;border:1px solid #ffffff17;border-radius:999px;padding:.55rem 1rem;font-size:.58rem;transition:all .3s}.filter-pill:hover,.filter-pill.active{border-color:var(--accent-primary);color:#fff;background:#ff2d5517;box-shadow:0 0 22px #ff2d551f}.filter-pill.active{background:var(--accent-primary)}.works-grid{z-index:2;max-width:1180px;margin:0 auto;padding:1rem 0 10vh;display:block;position:relative}.proj-card,.proj-card.featured,.proj-card.secondary,.proj-card.half,.proj-card.wide,.proj-card.narrow{width:100%;min-height:min(72vh,720px);color:inherit;-webkit-backdrop-filter:blur(28px);cursor:pointer;isolation:isolate;background:linear-gradient(135deg,#ffffff0b,#ffffff03 55%,#ff2d5506),#0a0a0adb;border:1px solid #ffffff1a;border-radius:30px;flex-direction:column;margin:0 0 16vh;padding:clamp(1.5rem,4vw,3.5rem);text-decoration:none;transition:transform .7s cubic-bezier(.16,1,.3,1),border-color .5s,box-shadow .5s;display:flex;position:sticky;top:clamp(5.5rem,9vh,7rem);overflow:hidden;box-shadow:0 35px 100px #0000008c,inset 0 1px #ffffff09}.proj-card:first-child{z-index:1}.proj-card:nth-child(2){z-index:2}.proj-card:nth-child(3){z-index:3}.proj-card:nth-child(4){z-index:4}.proj-card:nth-child(5){z-index:5}.proj-card:nth-child(6){z-index:6}.proj-card:nth-child(n+7){z-index:7}.proj-card:before{content:"";z-index:-1;opacity:.55;background:radial-gradient(circle at 82% 18%,#ff2d551f,#0000 28%),radial-gradient(circle at 15% 85%,#7c3aed14,#0000 25%);transition:opacity .6s;position:absolute;inset:0}.proj-card:after{content:attr(data-vault-number);font-family:var(--font-mono);letter-spacing:.2em;color:#ffffff4d;font-size:.62rem;position:absolute;top:1.4rem;right:1.6rem}.proj-card:first-child:after{content:"01 / 06"}.proj-card:nth-child(2):after{content:"02 / 06"}.proj-card:nth-child(3):after{content:"03 / 06"}.proj-card:nth-child(4):after{content:"04 / 06"}.proj-card:nth-child(5):after{content:"05 / 06"}.proj-card:nth-child(6):after{content:"06 / 06"}.proj-card:hover{border-color:#ff2d556b;transform:translateY(-8px)scale(1.008);box-shadow:0 45px 120px #000000a6,0 0 55px #ff2d5514,inset 0 1px #ffffff0f}.proj-card:hover:before{opacity:1}.proj-card .card-glow{z-index:-1;opacity:0;pointer-events:none;background:radial-gradient(circle at 70% 30%,#ff2d5524,#0000 30%);transition:opacity .7s;position:absolute;inset:-30%}.proj-card:hover .card-glow{opacity:1}.proj-card-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.25em;color:var(--accent-primary);align-items:center;gap:.55rem;margin-bottom:auto;padding-right:5rem;font-size:.6rem;display:flex}.proj-card-label:before{background:currentColor;width:5px;height:5px;box-shadow:0 0 12px}.proj-card-tags{flex-wrap:wrap;gap:.4rem;margin:1.2rem 0;display:flex}.proj-tag{color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;background:#ffffff06;border:1px solid #ffffff14;border-radius:6px;padding:.32rem .7rem;font-size:.54rem}.proj-tag.highlight{color:var(--accent-primary);background:#ff2d550f;border-color:#ff2d5566}.proj-card-title{max-width:850px;font-family:var(--font-display);letter-spacing:-.045em;text-transform:uppercase;color:#fff;margin:0 0 1.1rem;font-size:clamp(3rem,7vw,7rem);font-weight:700;line-height:.84;transition:color .4s,text-shadow .4s}.proj-card:hover .proj-card-title{color:#fff;text-shadow:0 0 35px #ff2d5540}.proj-card-desc{max-width:650px;color:var(--text-secondary);-webkit-line-clamp:3;margin-bottom:1.5rem;font-size:.88rem;font-weight:300;line-height:1.7}.proj-metrics{background:0 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:760px;margin:auto 0 1.5rem;padding:1.1rem 0;display:grid}.proj-metric{border-right:1px solid #ffffff12;padding-right:1rem}.proj-metric:not(:first-child){padding-left:1rem}.proj-metric:last-child{border-right:0}.proj-metric span:first-child{color:#fff;font-size:clamp(1.3rem,2.5vw,2.1rem)}.proj-metric span:last-child{letter-spacing:.13em;color:var(--text-tertiary);margin-top:.4rem;font-size:.5rem}.proj-card-footer{border-top:0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.proj-tech-stack{gap:.4rem;display:flex}.proj-tech-dot{background:#ffffff06;border:1px solid #ffffff14;width:32px;height:32px;font-size:.85rem}.proj-arrow{color:#ffffff8c;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:.65rem;font-size:.58rem;transition:all .35s;display:flex}.proj-card:hover .proj-arrow{color:var(--accent-primary);gap:1rem}.proj-arrow svg{width:15px;height:15px}.proj-featured-badge{color:var(--accent-primary);background:#ff2d5512;border:1px solid #ff2d5547;padding:.35rem .7rem;font-size:.52rem;top:1.3rem;left:1.6rem;right:auto}.proj-featured-badge:before{background:var(--accent-primary);box-shadow:0 0 10px var(--accent-primary)}.proj-card.hidden{display:none}@keyframes vaultPulse{0%,to{opacity:.45}50%{opacity:1;text-shadow:0 0 12px var(--accent-primary)}}@media (prefers-reduced-motion:reduce){.proj-card{transition:none;position:relative;top:auto}.works-label:before{animation:none}}@media (width<=900px){.works-header{grid-template-columns:1fr;gap:2rem}.works-desc{max-width:520px}.proj-card,.proj-card.featured,.proj-card.secondary,.proj-card.half,.proj-card.wide,.proj-card.narrow{border-radius:24px;min-height:70vh;margin-bottom:12vh;top:5rem}}@media (width<=600px){.works-section{padding:7rem 0}.works-section:after{display:none}.works-title{font-size:clamp(3.4rem,18vw,5rem)}.works-grid{padding:0 .25rem 8vh}.proj-card,.proj-card.featured,.proj-card.secondary,.proj-card.half,.proj-card.wide,.proj-card.narrow{border-radius:20px;min-height:76vh;margin-bottom:10vh;padding:1.4rem;top:4.5rem}.proj-card-title{font-size:clamp(2.8rem,14vw,4.8rem)}.proj-card-desc{-webkit-line-clamp:4;font-size:.8rem}.proj-metrics{grid-template-columns:1fr;gap:.75rem}.proj-metric,.proj-metric:not(:first-child){border-bottom:1px solid #ffffff0f;border-right:0;padding:.55rem 0}.proj-metric:last-child{border-bottom:0}.proj-metric span:first-child{font-size:1.3rem}.proj-card-footer{align-items:flex-end}.proj-tech-dot{width:28px;height:28px;font-size:.72rem}.proj-arrow{font-size:.52rem}}#cinematic-nav{z-index:var(--z-nav);padding:1.75rem 4vw;padding-top:calc(1.75rem + env(safe-area-inset-top,0px));transition:padding var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}#cinematic-nav.scrolled{padding:1rem 4vw;padding-top:calc(1rem + env(safe-area-inset-top,0px));background:0 0;border-bottom-color:#0000}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.05em;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:flex}.nav-logo span{color:var(--accent-primary)}.nav-links{align-items:center;gap:2.5rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);transition:color var(--transition-fast);font-size:.72rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--accent-primary);width:0;height:1px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-links a:hover,.nav-links a.active{color:var(--text-primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-cta{border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);background:0 0;border-radius:100px;padding:.65rem 1.5rem;font-size:.72rem;text-decoration:none}.nav-cta:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff333314}.nav-hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;margin:-8px;padding:12px;display:none}.nav-hamburger span{background:var(--text-primary);width:24px;height:1.5px;transition:all var(--transition-fast);transform-origin:50%;display:block}.nav-hamburger.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav-hamburger.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.nav-drawer{-webkit-backdrop-filter:blur(40px)saturate(210%);width:100vw;height:100dvh;z-index:calc(var(--z-nav) + 1);opacity:0;visibility:hidden;clip-path:inset(0 0 0 100%);background:radial-gradient(circle at 50% 15%,#ff2d5529,#0000 65%),#05050af2;flex-direction:column;padding:0;display:flex;position:fixed;top:0;right:0}.nav-drawer-close{top:calc(1.2rem + env(safe-area-inset-top,0px));color:#fff;cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff26;border-radius:99px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s;display:flex;position:absolute;right:1.2rem;box-shadow:0 4px 15px #0000004d}.nav-drawer-close:hover,.nav-drawer-close:active{color:#ff2d55;background:#ff2d5526;border-color:#ff2d5580;transform:scale(1.1);box-shadow:0 0 20px #ff2d5566}.drawer-link{font-family:var(--font-display);letter-spacing:.06em;color:#fff;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation;font-size:20px;font-weight:700;line-height:1.4;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-block}.drawer-link:hover,.drawer-link:focus,.drawer-link:active,.drawer-link.drawer-active{text-shadow:0 0 20px #ff2d55cc,0 0 35px #ff2d5580;transform:scale(1.05);color:#ff2d55!important}.drawer-cta-btn{height:48px;font-size:13px;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;box-shadow:0 4px 25px #ff2d5573;background:#ff2d55!important}.drawer-cta-btn:active,.drawer-cta-btn:hover{transform:scale(.97);box-shadow:0 0 35px #ff2d55bf}.nav-drawer-secondary{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:360px;margin:0 auto;display:grid}.drawer-link-sec{-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-align:center;background:linear-gradient(135deg,#ffffff0f,#ffffff05);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;min-height:68px;padding:14px 10px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #00000059}.drawer-link-sec.col-span-2{flex-direction:row;grid-column:span 2/span 2;gap:10px;min-height:50px;padding:10px 16px}.drawer-sec-icon,.drawer-sec-text,.drawer-sec-title,.drawer-sec-sub{pointer-events:none!important}.drawer-sec-icon{filter:drop-shadow(0 0 8px #ff2d5566);font-size:18px;line-height:1}.drawer-sec-text{flex-direction:column;align-items:center;line-height:1.1;display:flex}.drawer-sec-title{font-family:var(--font-display);color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:13px;font-weight:700;transition:color .2s}.drawer-sec-sub{font-family:var(--font-mono);color:#ffffff80;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:9px}.drawer-link-sec:hover,.drawer-link-sec:focus,.drawer-link-sec:active{transform:translateY(-3px)scale(1.02);background:linear-gradient(135deg,#ff2d5538,#ff2d5514)!important;border-color:#ff2d558c!important;box-shadow:0 12px 30px #ff2d554d!important}.drawer-link-sec:hover .drawer-sec-title,.drawer-link-sec:focus .drawer-sec-title,.drawer-link-sec:active .drawer-sec-title{text-shadow:0 0 15px #ff2d55cc;color:#ff2d55!important}.drawer-link-sec:hover .drawer-sec-sub,.drawer-link-sec:focus .drawer-sec-sub,.drawer-link-sec:active .drawer-sec-sub{color:#ffffffe6}@media (width<=768px){.nav-links,.nav-cta{display:none}.nav-hamburger{display:flex}#cinematic-nav{padding-left:max(16px, env(safe-area-inset-left,0px) + 12px);padding-right:max(16px, env(safe-area-inset-right,0px) + 12px);padding-top:calc(10px + env(safe-area-inset-top,0px));min-height:64px;padding-bottom:10px}#cinematic-nav.scrolled{padding-top:calc(8px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(14px)saturate(120%);background:#05050ab8;border-bottom-color:#ffffff14;padding-bottom:8px}.nav-logo{letter-spacing:.04em;gap:.35rem;font-size:1.05rem}.nav-hamburger{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;margin:0;padding:11px}.nav-hamburger:active{background:#ff2d551f;border-color:#ff2d5559;transform:scale(.94)}.nav-hamburger span{border-radius:99px;width:22px;height:2px}.nav-explore-dropdown-inner{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:12px!important}.nav-explore-link{border-radius:18px!important;gap:8px!important;padding:22px 12px!important}.nav-explore-title{font-size:1.5rem!important}.nav-explore-sub{font-size:.72rem!important}.nav-drawer{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:100vw;height:100dvh;padding:calc(82px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:none;clip-path:none;background:radial-gradient(circle at 50% 8%,#ff2d5524,#0000 52%),#07070b;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s,visibility .2s;overflow-y:auto;transform:translate(100%)}.nav-drawer.is-open,.nav-drawer.open,body.menu-open .nav-drawer{opacity:1;visibility:visible;transform:translate(0)}.nav-drawer-close{top:calc(12px + env(safe-area-inset-top,0px));right:max(16px, env(safe-area-inset-right,0px) + 12px);background:#ffffff0e;width:46px;height:46px}.drawer-link{text-align:center;background:#ffffff06;border:1px solid #ffffff12;border-radius:14px;justify-content:center;align-items:center;width:100%;min-height:54px;padding:10px 12px;font-size:clamp(17px,5vw,21px);display:flex}.drawer-link:active{background:#ff2d551a;transform:scale(.98)}.nav-drawer-secondary{gap:9px;max-width:none}.drawer-link-sec{border-radius:15px;min-height:64px}.drawer-sec-title{font-size:12px}.drawer-sec-sub{font-size:8px}.drawer-cta-btn{border-radius:14px;width:100%;min-height:48px}}.nav-explore-item{list-style:none;position:relative}.nav-explore-btn{cursor:pointer;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:#ffea00;text-shadow:0 0 12px #ffea0099;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:.72rem;transition:all .2s;display:inline-flex;position:relative}.nav-explore-btn:after{content:"";background:#ffea00;width:0;height:1px;transition:width .2s;position:absolute;bottom:-4px;left:0;box-shadow:0 0 8px #ffea00}.nav-explore-btn:hover,.nav-explore-item:hover .nav-explore-btn,.nav-explore-btn[aria-expanded=true]{color:#fff;text-shadow:0 0 15px #ffea00e6}.nav-explore-btn:hover:after,.nav-explore-btn[aria-expanded=true]:after{width:100%}.nav-explore-chevron{flex-shrink:0;transition:transform .25s}.nav-explore-btn[aria-expanded=true] .nav-explore-chevron{transform:rotate(180deg)}.nav-explore-dropdown{-webkit-backdrop-filter:blur(35px)saturate(200%);pointer-events:none;opacity:0;z-index:99999;background:#050508eb;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;transition:opacity .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.nav-explore-close{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:99px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2.2rem;font-weight:300;line-height:1;transition:all .25s;display:flex;position:absolute;top:30px;right:40px;box-shadow:0 4px 15px #0000004d}.nav-explore-close:hover,.nav-explore-close:active{color:#ff2d55;background:#ff2d5526;border-color:#ff2d5580;transform:scale(1.1);box-shadow:0 0 20px #ff2d5566}.nav-explore-dropdown:before{display:none}.nav-explore-dropdown.is-open{opacity:1;pointer-events:auto}.nav-explore-dropdown-inner{scrollbar-width:thin;scrollbar-color:#ff2d554d transparent;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;width:100%;max-width:1050px;max-height:85vh;padding:20px;display:grid;overflow-y:auto}.nav-explore-link{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(16px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:32px 24px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #0006}.nav-explore-link:hover,.nav-explore-link:focus,.nav-explore-link:active{background:#ff2d551f;border-color:#ff2d5580;transform:translateY(-5px)scale(1.02);box-shadow:0 15px 40px #ff2d5540,0 0 25px #ff2d5526}.nav-explore-icon{color:#ff2d55;filter:drop-shadow(0 0 10px #ff2d55);font-size:16px;display:inline-block}.nav-explore-icon--pulse{animation:1.5s infinite pulse}.nav-explore-text{flex-direction:column;align-items:center;gap:8px;display:flex}.nav-explore-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:capitalize;color:#fff;font-size:2.4rem;font-weight:700;line-height:1.1;transition:all .25s}.nav-explore-link:hover .nav-explore-title,.nav-explore-link:focus .nav-explore-title,.nav-explore-link:active .nav-explore-title{text-shadow:0 0 20px #ff2d55cc,0 0 35px #ff2d5580;color:#ff2d55!important}.nav-explore-sub{font-family:var(--font-mono);letter-spacing:.08em;color:#ffffff8c;text-transform:uppercase;font-size:.85rem;transition:color .25s}.nav-explore-link:hover .nav-explore-sub,.nav-explore-link:focus .nav-explore-sub,.nav-explore-link:active .nav-explore-sub{color:#fff}#pill-active-bg{transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1)}.pill-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;white-space:nowrap;line-height:1}.pill-btn.pill-active{color:#fff!important}.pill-btn:hover{color:#ffffffd9}.pill-btn:active{transform:scale(.96)}.pill-brand{flex-shrink:0}.pill-explore-trigger{cursor:pointer;color:#ffea00;text-shadow:0 0 10px #ffea0080;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;flex-shrink:0;line-height:1;position:relative}.pill-explore-trigger:after{content:"";background:#ffea00;width:0;height:1px;transition:width .2s;position:absolute;bottom:2px;left:50%;transform:translate(-50%);box-shadow:0 0 6px #ffea00}.pill-explore-trigger:hover,.pill-explore-trigger[aria-expanded=true]{color:#fff;text-shadow:0 0 16px #ffea00e6}.pill-explore-trigger:hover:after,.pill-explore-trigger[aria-expanded=true]:after{width:60%}.pill-explore-trigger:active{transform:scale(.95)}@media (width<=900px){.pill-btn{gap:5px!important;padding:6px 10px!important;font-size:10px!important}.pill-btn svg{display:none}.pill-explore-trigger{gap:5px!important;padding:6px 10px!important;font-size:10px!important}.pill-explore-trigger svg{display:none}}@media (width<=380px){#cinematic-nav{min-height:60px;padding-left:14px;padding-right:14px}.nav-logo{font-size:.98rem}.nav-hamburger{border-radius:13px;width:44px;height:44px}.nav-drawer{padding-left:14px;padding-right:14px}.drawer-link{min-height:50px;font-size:17px}}@media (prefers-reduced-motion:reduce){.nav-drawer,.nav-hamburger span{transition:none}}#pill-nav{top:18px!important}#pill-nav .pill-nav-shell{min-height:52px;-webkit-backdrop-filter:blur(24px)saturate(170%)!important;background:#07070ac7!important;border:1px solid #ffffff17!important;border-radius:18px!important;gap:0!important;padding:7px 9px 7px 8px!important;box-shadow:0 14px 45px #0000007a,inset 0 1px #ffffff0f,0 0 0 1px #ff2d5506!important}#pill-nav .pill-brand{gap:8px!important;padding:0 16px 0 4px!important}#pill-nav .pill-brand>div:first-child{background:#ff2d5514!important;border-color:#ff2d5559!important;width:30px!important;height:30px!important}#pill-nav .pill-brand>span:not(.w-px){letter-spacing:.16em!important;font-size:12px!important}#pill-nav .pill-brand .w-px{background:#ffffff14!important;height:18px!important;margin-left:5px!important}#pill-nav-links{padding:0 2px;gap:2px!important}#pill-nav .pill-btn{min-height:36px;letter-spacing:.14em!important;color:#ffffff7a!important;border-radius:10px!important;gap:0!important;padding:0 12px!important;font-size:10px!important;transition:color .22s,background .22s,transform .22s!important}#pill-nav .pill-btn svg{display:none!important}#pill-nav .pill-btn:hover{transform:translateY(-1px);color:#ffffffeb!important;background:#ffffff0b!important}#pill-nav .pill-btn.pill-active{color:#fff!important;background:#ff2d5517!important}#pill-nav .pill-btn.pill-active:after{content:"";background:#ff2d55;border-radius:50%;width:3px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%);box-shadow:0 0 9px #ff2d55f2}#pill-active-bg{display:none!important}#pill-nav>.pill-nav-shell>.w-px{background:#ffffff14!important;height:18px!important;margin:0 7px!important}#pill-nav .pill-explore-trigger{min-height:36px;letter-spacing:.14em!important;color:#ff2d55!important;text-shadow:0 0 12px #ff2d5559!important;background:#ff2d550e!important;border-radius:10px!important;padding:0 13px!important;font-size:10px!important;transition:all .22s!important}#pill-nav .pill-explore-trigger svg{width:12px;height:12px}#pill-nav .pill-explore-trigger:hover,#pill-nav .pill-explore-trigger[aria-expanded=true]{box-shadow:inset 0 0 0 1px #ff2d5538,0 0 20px #ff2d5514;color:#fff!important;background:#ff2d5521!important}@media (width<=1100px) and (width>=769px){#pill-nav .pill-btn{padding:0 9px!important}#pill-nav .pill-brand{padding-right:10px!important}#pill-nav .pill-brand>span:not(.w-px){font-size:11px!important}#pill-nav .pill-explore-trigger{padding:0 10px!important}}@media (width<=768px){#pill-nav{display:none!important}}#cinematic-nav #deployPiyuBtn{color:#fff;background:linear-gradient(135deg,#ff2d5524,#ff2d550a);border:1px solid #ff2d5547;justify-content:center;align-items:center;gap:7px;min-height:36px;box-shadow:inset 0 1px #ffffff0d;border-radius:11px!important;padding:0 15px!important;display:inline-flex!important}#cinematic-nav #deployPiyuBtn:hover{background:linear-gradient(135deg,#ff2d553d,#ff2d5512);border-color:#ff2d558c;transform:translateY(-1px);box-shadow:0 8px 24px #ff2d5524}#cinematic-nav #deployPiyuBtn .text-sm{color:#ff2d55;font-size:13px;line-height:1}.about-section{background:var(--bg-secondary);padding:12rem 0;position:relative;overflow:hidden}.about-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.about-glow{pointer-events:none;filter:blur(60px);background:radial-gradient(circle,#ff33330f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:50%;right:-200px;transform:translateY(-50%)}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.about-left{position:relative}.about-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.about-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.about-title{color:var(--text-primary);margin-bottom:2.5rem;font-size:clamp(3rem,7vw,6rem);line-height:.9}.about-title em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.about-bio{color:var(--text-secondary);max-width:520px;margin-bottom:3rem;font-size:1.05rem;font-weight:300;line-height:1.8}.about-bio strong{color:var(--text-primary);font-weight:600}.about-skills{flex-wrap:wrap;gap:.6rem;margin-bottom:3rem;display:flex}.skill-tag{border:1px solid var(--glass-border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);transition:all var(--transition-fast);background:#ffffff08;border-radius:8px;padding:.5rem 1rem;font-size:.65rem}.skill-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#ff33330f}.about-actions{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.btn-primary{background:var(--accent-primary);color:#fff;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);border:1px solid var(--accent-primary);border-radius:100px;align-items:center;gap:.65rem;padding:.9rem 2rem;font-size:.72rem;text-decoration:none;display:inline-flex}.btn-primary:hover{color:var(--accent-primary);background:0 0;box-shadow:0 0 30px #ff333340}.btn-ghost{color:var(--text-secondary);border:1px solid var(--glass-border);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);background:0 0;border-radius:100px;align-items:center;gap:.65rem;padding:.9rem 2rem;font-size:.72rem;text-decoration:none;display:inline-flex}.btn-ghost:hover{color:var(--text-primary);border-color:#fff3}.about-right{flex-direction:column;gap:1.5rem;display:flex}.about-avatar-card{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:24px;height:400px;position:relative;overflow:hidden}.about-avatar-card img{object-fit:cover;object-position:center;filter:grayscale(20%)contrast(1.05);width:100%;height:100%;transition:filter var(--transition-smooth)}.about-avatar-card:hover img{filter:grayscale(0%)contrast()}.about-avatar-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0a0a0ab3 100%);position:absolute;inset:0}.about-avatar-tag{font-family:var(--font-mono);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem;position:absolute;bottom:1.5rem;left:1.5rem}.about-avatar-tag strong{font-family:var(--font-display);color:var(--text-primary);letter-spacing:.02em;margin-bottom:.2rem;font-size:1.2rem;font-weight:700;display:block}.about-stats{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.about-stat-card{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);text-align:center;transition:border-color var(--transition-fast), transform var(--transition-fast);border-radius:20px;padding:1.5rem}.about-stat-card:hover{border-color:#ff333340;transform:translateY(-3px)}.about-stat-card .stat-value{font-family:var(--font-display);color:var(--accent-primary);margin-bottom:.4rem;font-size:2rem;font-weight:700;line-height:1}.about-stat-card .stat-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);font-size:.58rem}.about-status-card{background:#34d3990d;border:1px solid #34d39926;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.status-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 12px #34d399}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #34d399}50%{box-shadow:0 0 20px #34d399,0 0 40px #34d3994d}}.status-text{font-family:var(--font-mono);color:#34d399;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.status-subtext{font-family:var(--font-body);color:var(--text-secondary);margin-top:.1rem;font-size:.8rem;font-weight:300}@media (width<=900px){.about-grid{grid-template-columns:1fr;gap:3rem}.about-right{order:-1}.about-avatar-card{height:300px}}.know-me-short{display:none}.know-me-long{display:flex}@media (width<=767px){.know-me-long{display:none!important}.know-me-short{display:block!important}}.text-gradient{background:linear-gradient(to right, var(--text-primary), var(--text-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.container{max-width:1400px;margin:0 auto;padding:0 4vw}.reveal-up{opacity:0;transform:translateY(40px)}.magnetic{will-change:transform;display:inline-flex}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.skills-section{background:var(--bg-secondary);padding:12rem 0;position:relative;overflow:hidden}.skills-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.skills-glow{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff33330d 0%,#0000 70%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:-300px;transform:translateY(-50%)}.skills-header{margin-bottom:6rem}.skills-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.skills-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.skills-title{color:var(--text-primary);font-size:clamp(3rem,7vw,6rem);line-height:.9}.skills-title em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.skills-grid{grid-template-columns:repeat(2,1fr);gap:4rem;display:grid}.skill-category{flex-direction:column;gap:1.5rem;display:flex}.skill-category-title{font-family:var(--font-display);color:var(--text-secondary);border-bottom:1px solid var(--glass-border);align-items:center;gap:1rem;padding-bottom:1rem;font-size:1.5rem;font-weight:700;display:flex}.skill-category-title span{color:var(--accent-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:400}.skill-list{flex-wrap:wrap;gap:.75rem;display:flex}.skill-item{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);font-family:var(--font-mono);color:var(--text-secondary);transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-size:.75rem;display:flex}.skill-item:hover{color:var(--text-primary);background:#ff333314;border-color:#ff33334d;transform:translateY(-2px)}.skill-item i,.skill-item svg{justify-content:center;align-items:center;width:1.1rem;height:1.1rem;font-size:1.1rem;display:flex}.skill-item:hover i.devicon-python-plain{color:#4b8bbe}.skill-item:hover i.devicon-tensorflow-original{color:#ff6f00}.skill-item:hover i.devicon-pytorch-original{color:#ee4c2c}.skill-item:hover i.devicon-pandas-plain{color:#150458}.skill-item:hover i.devicon-mysql-plain{color:#4479a1}.skill-item:hover i.devicon-docker-plain{color:#2496ed}.skill-item:hover i.devicon-amazonwebservices-plain-wordmark{color:#f90}.skill-item:hover i.devicon-github-original{color:#fff}@media (width<=900px){.skills-grid{grid-template-columns:1fr;gap:3rem}}.reveal-left{opacity:0;transform:translate(-40px)}.technical-skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.technical-skill-card{background:radial-gradient(circle at 100% 0,#ff2d551a,#0000 38%),linear-gradient(145deg,#ffffff0e,#ffffff05);border:1px solid #ffffff17;border-radius:22px;min-height:290px;padding:1.5rem;transition:transform .35s,border-color .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 18px 60px #0003}.technical-skill-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 20%,#ffffff0b 50%,#0000 80%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.technical-skill-card:hover{border-color:#ff2d5557;transform:translateY(-7px);box-shadow:inset 0 1px #ffffff12,0 24px 70px #00000059,0 0 35px #ff2d5512}.technical-skill-card:hover:before{transform:translate(120%)}.technical-skill-card--strong{border-color:#ff2d5538}.technical-skill-card__top{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.technical-skill-card__eyebrow{color:#ffffff6b;font:600 .62rem/1 var(--font-mono);letter-spacing:.18em;margin-bottom:.55rem;display:block}.technical-skill-card h3{color:#fff;font:800 1.35rem/1 var(--font-display);letter-spacing:-.02em;margin:0}.technical-skill-status{color:#ffffff9e;font:600 .56rem/1 var(--font-mono);letter-spacing:.12em;background:#ff2d550e;border:1px solid #ff2d552e;border-radius:999px;flex-shrink:0;align-items:center;gap:.42rem;padding:.45rem .65rem;display:inline-flex}.technical-skill-status span{background:#ff2d55;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ff2d55bf}.technical-skill-card__desc{color:#ffffff94;min-height:44px;font:400 .78rem/1.65 var(--font-mono);margin:1.15rem 0 1.35rem}.technical-skill-list{flex-wrap:wrap;gap:.55rem;display:flex}.technical-skill-chip{color:#ffffffdb;min-height:38px;font:600 .68rem/1 var(--font-mono);background:#00000047;border:1px solid #ffffff17;border-radius:11px;align-items:center;gap:.48rem;padding:.55rem .72rem;transition:border-color .25s,background .25s,transform .25s;display:inline-flex}.technical-skill-chip:hover{background:#ff2d5512;border-color:#ff2d554d;transform:translateY(-2px)}.technical-skill-chip i{color:#ffffffbf;font-size:.95rem}.technical-skill-card__line{opacity:.55;background:linear-gradient(90deg,#ff2d55,#ff2d5500);height:1px;position:absolute;bottom:1.25rem;left:1.5rem;right:1.5rem}.technical-skills-footer{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.35rem;display:flex}.technical-skills-footer>span{color:#ffffff7a;font:500 .6rem/1.3 var(--font-mono);letter-spacing:.04em;background:#ffffff05;border:1px solid #ffffff12;border-radius:999px;padding:.62rem .85rem}.technical-skills-footer b{color:#ffffffc7;font-weight:700}@media (width<=900px){.technical-skills-grid{grid-template-columns:1fr;gap:.85rem}.technical-skill-card{min-height:0}}@media (width<=480px){.technical-skill-card{border-radius:18px;padding:1.2rem}.technical-skill-card__top{align-items:center}.technical-skill-card h3{font-size:1.18rem}.technical-skill-status{padding:.4rem .55rem;font-size:.5rem}.technical-skill-card__desc{font-size:.7rem}.technical-skills-footer{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.technical-skill-card,.technical-skill-card:before,.technical-skill-chip{transition:none!important}.technical-skill-card:hover,.technical-skill-chip:hover{transform:none}}.technical-skill-map{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.technical-domain{background:linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #ffffff14;border-radius:18px;padding:1.35rem;transition:border-color .3s,transform .3s,background .3s;position:relative;overflow:hidden}.technical-domain:after{content:"";opacity:.7;background:linear-gradient(90deg,#ff2d55,#0000);width:32%;height:1px;position:absolute;bottom:0;left:0}.technical-domain:hover{background:linear-gradient(145deg,#ff2d550e,#ffffff04);border-color:#ff2d553d;transform:translateY(-3px)}.technical-domain__head{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.technical-domain__head span{color:#ff2d55;font:600 .6rem/1 var(--font-mono);letter-spacing:.12em}.technical-domain__head h3{color:#ffffffe6;font:700 .82rem/1.2 var(--font-display);letter-spacing:.08em;margin:0}.technical-domain__skills{flex-wrap:wrap;gap:.5rem;display:flex}.technical-domain .technical-skill-chip{min-height:34px;padding:.5rem .62rem;font-size:.62rem}.technical-domain .technical-skill-chip b{color:#ff5c7a;letter-spacing:.08em;margin-left:.15rem;font-size:.48rem}@media (width<=900px){.technical-skill-map{grid-template-columns:1fr}}@media (width<=480px){.technical-domain{padding:1rem}.technical-domain__head h3{font-size:.72rem}}@media (prefers-reduced-motion:reduce){.technical-domain{transition:none!important}.technical-domain:hover{transform:none}}.github-projects-header{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:1.5rem;display:flex}.github-profile-cta{color:#fff;font:700 .62rem/1 var(--font-mono);letter-spacing:.08em;background:#ff2d550f;border:1px solid #ff2d5540;border-radius:12px;flex-shrink:0;align-items:center;gap:.65rem;padding:.8rem 1rem;text-decoration:none;transition:all .3s;display:inline-flex}.github-profile-cta:hover{background:#ff2d551f;border-color:#ff2d55;transform:translateY(-2px)}.github-profile-cta i{font-size:1rem}.github-project-explorer{background:linear-gradient(145deg,#ffffff09,#ffffff03);border:1px solid #ffffff14;border-radius:22px;overflow:hidden}.github-project-explorer summary{cursor:pointer;user-select:none;align-items:center;gap:1rem;padding:1.15rem 1.25rem;list-style:none;display:flex}.github-project-explorer summary::-webkit-details-marker{display:none}.github-explorer-icon{color:#ff2d55;width:38px;height:38px;font:700 .9rem/1 var(--font-mono);background:#ff2d5514;border:1px solid #ff2d552e;border-radius:11px;place-items:center;display:grid}.github-project-explorer summary b{color:#fff;font:700 .72rem/1.2 var(--font-mono);letter-spacing:.1em;display:block}.github-project-explorer summary small{color:#ffffff73;font:400 .62rem/1.3 var(--font-mono);margin-top:.3rem;display:block}.github-explorer-arrow{color:#ff2d55;margin-left:auto;font-size:1.1rem;transition:transform .25s}.github-project-explorer[open] .github-explorer-arrow{transform:rotate(180deg)}.github-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;padding:0 1.25rem 1.25rem;display:grid}.github-project-card{background:#00000038;border:1px solid #ffffff12;border-radius:15px;min-height:150px;padding:1rem;text-decoration:none;transition:all .3s;position:relative;overflow:hidden}.github-project-card:hover{background:#ff2d550b;border-color:#ff2d554d;transform:translateY(-4px);box-shadow:0 14px 35px #0000004d}.github-project-number{color:#ff2d55;font:600 .55rem/1 var(--font-mono);letter-spacing:.1em;margin-bottom:.8rem;display:block}.github-project-card h3{color:#fff;font:700 .85rem/1.3 var(--font-display);margin:0}.github-project-card p{color:#ffffff75;font:400 .62rem/1.5 var(--font-mono);margin:.5rem 0 1.1rem}.github-project-card>span:last-child{color:#ff5c7ad9;font:600 .48rem/1 var(--font-mono);letter-spacing:.08em}.github-explorer-footer{color:#ffffff59;font:600 .55rem/1 var(--font-mono);letter-spacing:.08em;border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:1rem;padding:.9rem 1.25rem;display:flex}.github-explorer-footer a{color:#ff5c7a;text-decoration:none}.github-explorer-footer a:hover{color:#fff}@media (width<=1000px){.github-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.github-projects-header{flex-direction:column;align-items:flex-start}.github-project-grid{grid-template-columns:1fr;padding:0 .8rem .8rem}.github-project-card{min-height:135px}.github-explorer-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.github-profile-cta,.github-project-card,.github-explorer-arrow{transition:none!important}.github-profile-cta:hover,.github-project-card:hover{transform:none}}@media (width>=901px){.skills-section .skills-grid{grid-template-columns:repeat(2,1fr);gap:4rem}.skills-section .skill-category{gap:1.5rem}.skills-section .skill-list{gap:.75rem}.skills-section .skill-item{border-radius:12px;padding:.7rem 1.2rem;font-size:.75rem}.skills-section .technical-skills-grid,.skills-section .technical-skill-map{display:none}}@media (width<=900px){.skills-section .technical-skills-grid,.skills-section .technical-skill-map{display:grid}}.piyu-tech-pipeline{background:radial-gradient(circle at 12% 0,#ff2d5517,#0000 32%),linear-gradient(145deg,#ffffff0b,#ffffff03);border:1px solid #ffffff14;border-radius:22px;padding:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 60px #00000040}.piyu-tech-pipeline:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 35%,#ffffff09 50%,#0000 65%);animation:7s ease-in-out infinite piyuPipelineSweep;position:absolute;inset:0;transform:translate(-100%)}@keyframes piyuPipelineSweep{0%,55%{transform:translate(-100%)}80%,to{transform:translate(100%)}}.piyu-pipeline-head{z-index:1;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem;display:flex;position:relative}.piyu-pipeline-eyebrow{color:#ff2d55;font:600 .58rem/1 var(--font-mono);letter-spacing:.2em;margin-bottom:.55rem;display:block}.piyu-pipeline-head h3{color:#fff;font:800 clamp(1.35rem, 3vw, 2rem)/1.05 var(--font-display);letter-spacing:-.03em;margin:0}.piyu-pipeline-head h3 em{color:#ff5c7a;font-style:normal}.piyu-pipeline-status{color:#ffffff8c;white-space:nowrap;font:600 .5rem/1 var(--font-mono);letter-spacing:.12em;background:#ff2d550b;border:1px solid #ff2d552e;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .7rem;display:inline-flex}.piyu-pipeline-status i{background:#ff2d55;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite piyuPulse;box-shadow:0 0 12px #ff2d55cc}@keyframes piyuPulse{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.piyu-pipeline-track{z-index:1;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:stretch;gap:.65rem;display:grid;position:relative}.piyu-pipeline-node{background:#00000038;border:1px solid #ffffff12;border-radius:16px;min-height:142px;padding:1rem;transition:transform .3s,border-color .3s,background .3s;position:relative}.piyu-pipeline-node:hover{background:#ff2d550b;border-color:#ff2d554d;transform:translateY(-4px)}.piyu-pipeline-node--active{border-color:#ff2d5547;box-shadow:0 0 28px #ff2d550f}.piyu-node-index{color:#ff5c7acc;font:600 .5rem/1 var(--font-mono);letter-spacing:.12em;margin-bottom:1.25rem;display:block}.piyu-pipeline-node strong{color:#fff;font:800 .9rem/1 var(--font-display);letter-spacing:.08em;display:block}.piyu-pipeline-node small{color:#ffffff6e;font:400 .58rem/1.5 var(--font-mono);margin-top:.55rem;display:block}.piyu-pipeline-node b{color:#ffffffb8;font:600 .52rem/1.3 var(--font-mono);margin-top:.8rem;display:block}.piyu-pipeline-arrow{color:#ff2d55;font:700 1.1rem/1 var(--font-mono);opacity:.7;place-items:center;display:grid}.piyu-pipeline-footer{z-index:1;color:#ffffff4d;font:600 .48rem/1 var(--font-mono);letter-spacing:.12em;align-items:center;gap:.65rem;margin-top:1rem;display:flex;position:relative}.piyu-pipeline-footer i{background:#ff2d5559;width:18px;height:1px}.piyu-pipeline-footer a{color:#ff5c7a;margin-left:auto;text-decoration:none;transition:color .25s}.piyu-pipeline-footer a:hover{color:#fff}@media (width<=900px){.piyu-tech-pipeline{padding:1.2rem}.piyu-pipeline-track{grid-template-columns:1fr;gap:.55rem}.piyu-pipeline-arrow{min-height:16px;transform:rotate(90deg)}.piyu-pipeline-node{min-height:116px}}@media (width<=520px){.piyu-pipeline-head{flex-direction:column;align-items:flex-start}.piyu-pipeline-status{font-size:.45rem}.piyu-pipeline-footer{flex-wrap:wrap}.piyu-pipeline-footer a{width:100%;margin-top:.35rem;margin-left:0}}@media (prefers-reduced-motion:reduce){.piyu-tech-pipeline:before,.piyu-pipeline-status i{animation:none}.piyu-pipeline-node{transition:none}.piyu-pipeline-node:hover{transform:none}}.contact-section{background:var(--bg-primary);padding:12rem 0 6rem;position:relative;overflow:hidden}.contact-section:before{content:"";background:linear-gradient(to right, transparent, var(--glass-border), transparent);height:1px;position:absolute;top:0;left:0;right:0}.contact-blob-1{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff333312 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-150px}.contact-blob-2{pointer-events:none;filter:blur(80px);background:radial-gradient(circle,#ff66330f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:0;left:-100px}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:6rem;display:grid}.contact-left .contact-label{font-family:var(--font-mono);color:var(--accent-primary);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.contact-left .contact-label:before{content:"";background:var(--accent-primary);width:32px;height:1px;display:block}.contact-heading{color:var(--text-primary);margin-bottom:2rem;font-size:clamp(4rem,9vw,8rem);line-height:.88}.contact-heading em{-webkit-text-stroke:1px var(--text-tertiary);color:#0000;font-style:normal}.contact-tagline{color:var(--text-secondary);max-width:380px;margin-bottom:3rem;font-size:1rem;font-weight:300;line-height:1.7}.contact-info-list{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}.contact-info-row{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);color:var(--text-secondary);font-family:var(--font-mono);transition:all var(--transition-fast);letter-spacing:.03em;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.5rem;font-size:.82rem;text-decoration:none;display:flex}.contact-info-row:hover{border-color:var(--accent-primary);color:var(--text-primary);background:#ff33330d;transform:translate(6px)}.contact-info-row .ci-icon{border:1px solid var(--glass-border);width:38px;height:38px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-row:hover .ci-icon{background:#ff33331a;border-color:#ff33334d}.contact-info-row .ci-icon svg{width:16px;height:16px;color:var(--accent-primary)}.contact-socials{gap:.75rem;display:flex}.social-btn{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.6rem;padding:.7rem 1.25rem;font-size:.65rem;text-decoration:none;display:flex}.social-btn:hover{color:var(--text-primary);border-color:#ffffff26;transform:translateY(-2px)}.social-btn svg{width:14px;height:14px}.contact-form-wrap{border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:var(--glass-blur);border-radius:28px;padding:2.5rem}.contact-form-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);margin-bottom:.4rem;font-size:1.3rem;font-weight:700}.contact-form-sub{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;font-size:.68rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.62rem;display:block}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--glass-border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);-webkit-appearance:none;background:#ffffff08;border-radius:12px;outline:none;padding:.85rem 1.1rem;font-size:.9rem}.form-group textarea{resize:vertical;min-height:110px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent-primary);background:#ff33330a;box-shadow:0 0 0 3px #ff33331a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group select option{color:var(--text-primary);background:#111}.form-submit{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;width:100%;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.2em;cursor:pointer;transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem;font-size:.75rem;display:flex}.form-submit:hover{color:var(--accent-primary);background:0 0;box-shadow:0 0 30px #f333}.form-submit svg{width:16px;height:16px;transition:transform var(--transition-fast)}.form-submit:hover svg{transform:translate(4px)}.form-success{text-align:center;color:#34d399;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;padding:2rem;font-size:.85rem;display:none}.contact-ticker{white-space:nowrap;background:#0a0a0a66;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;margin-top:8rem;padding:1.25rem 0;overflow:hidden}.ticker-track{gap:0;animation:30s linear infinite ticker-scroll;display:inline-flex}.ticker-item{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:#f8fafc;opacity:.85;align-items:center;gap:2rem;padding-right:2rem;font-size:1rem;font-weight:400;display:inline-flex}.ticker-item .ticker-separator{color:#f33;text-shadow:0 0 10px #ff333380;font-size:.9rem}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.contact-section{isolation:isolate;background:radial-gradient(circle at 85% 10%,#ff2d551c,#0000 28%),radial-gradient(circle at 10% 90%,#7c3aed12,#0000 30%),#030305;min-height:100svh;padding:clamp(7rem,12vw,12rem) 0 4rem}.contact-section:after{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;mask-image:linear-gradient(#0000,#000 18% 82%,#0000)}.contact-section .contact-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:start;gap:clamp(3rem,7vw,7rem);max-width:1180px;margin:0 auto}.contact-left .contact-label{letter-spacing:.24em;color:#ff5572;margin-bottom:1.8rem;font-size:.62rem}.contact-left .contact-label:before{background:linear-gradient(90deg,#ff2d55,#0000);width:42px}.contact-heading{letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance;max-width:850px;margin-bottom:1.7rem;font-size:clamp(4.8rem,10vw,9.5rem);line-height:.79}.contact-heading em{color:#ff3f63;-webkit-text-stroke:0;font-family:Instrument Serif,Georgia,serif;font-style:italic;font-weight:400}.contact-tagline{color:#ffffff80;max-width:600px;margin-bottom:2.6rem;font-size:clamp(.95rem,1.5vw,1.12rem);line-height:1.7}.contact-info-list{gap:.7rem;max-width:650px;margin-bottom:2rem}.contact-info-row{background:linear-gradient(110deg,#ffffff0b,#ffffff03);border-color:#ffffff14;border-radius:17px;min-height:68px;padding:.95rem 1.15rem;position:relative;overflow:hidden}.contact-info-row:after{content:"→";color:#ffffff47;margin-left:auto;font-size:1.1rem;transition:transform .25s,color .25s}.contact-info-row:hover{background:#ff2d550e;border-color:#ff2d5566;transform:translate(7px)}.contact-info-row:hover:after{color:#ff5572;transform:translate(4px)}.contact-info-row .ci-icon{background:#ffffff09;border-color:#ffffff14;border-radius:11px;width:40px;height:40px}.contact-socials{gap:.55rem}.social-btn{background:#ffffff06;border-color:#ffffff14;padding:.65rem 1rem;font-size:.58rem}.contact-right>div,.contact-form-wrap{-webkit-backdrop-filter:blur(28px);position:relative;overflow:hidden;background:#07070ad1!important;border:1px solid #ffffff1a!important;border-radius:25px!important;padding:0!important;box-shadow:0 35px 100px #00000085,0 0 65px #ff2d550f!important}.contact-right>div:before,.contact-form-wrap:before{content:"●  ●  ●                                      OPEN_CHANNEL // SECURE";color:#ffffff47;letter-spacing:.14em;white-space:pre;background:#ffffff06;border-bottom:1px solid #ffffff12;padding:15px 18px;font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;display:block}.contact-form-title{letter-spacing:.16em;margin:0 0 .45rem;padding:24px 2.2rem 0;font-size:1.05rem}.contact-form-title:before{content:"OPEN A CHANNEL"}.contact-form-title{font-size:0}.contact-form-title:before{font-size:1.05rem}.contact-form-sub{color:#ffffff4d;margin-bottom:1.5rem;padding:0 2.2rem}.contact-form-sub:before{content:"> connection.request / waiting_for_input"}.contact-form-sub{font-size:0}.contact-form-sub:before{font-size:.62rem}.contact-right form,.contact-form-wrap form{padding:0 2.2rem 2.2rem}.form-row{gap:.85rem}.form-group{margin-bottom:1rem}.form-group label{color:#ffffff47;font-size:.56rem}.form-group input,.form-group textarea,.form-group select{background:#ffffff09;border-color:#ffffff14;border-radius:12px;padding:.82rem 1rem;font-size:.82rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#ff2d5509;border-color:#ff2d558c;box-shadow:0 0 0 3px #ff2d550f}.form-submit{background:linear-gradient(100deg,#ff2d55,#b91c3d);border-color:#ff2d5559;border-radius:12px;padding:.95rem;font-size:.64rem;box-shadow:0 12px 35px #ff2d5529}.form-submit:hover{color:#fff;background:linear-gradient(100deg,#ff2d55,#b91c3d);border-color:#ff4b69a6;box-shadow:0 18px 42px #ff2d5540}.contact-right>div:after,.contact-form-wrap:after{content:"SYSTEM  ONLINE     •     AVAILABILITY  OPEN FOR OPPORTUNITIES";color:#ffffff40;letter-spacing:.14em;border-top:1px solid #ffffff0f;padding:14px 2.2rem 17px;font:700 7px/1.4 ui-monospace,monospace;display:block}.contact-ticker{background:#ffffff04;border-color:#ffffff0f;margin-top:5rem}.ticker-item{color:#ffffff8c;font-size:.72rem}.ticker-item .ticker-separator{color:#ff3f63}@media (width<=900px){.contact-section .contact-grid{grid-template-columns:1fr;gap:3rem}.contact-heading{font-size:clamp(4.4rem,15vw,8rem)}.contact-right>div:before,.contact-form-wrap:before{content:"●  ●  ●    OPEN_CHANNEL // SECURE"}}@media (width<=640px){.contact-section{padding:6rem 0 3rem}.contact-section .contact-grid{gap:2.4rem}.contact-heading{font-size:clamp(3.8rem,17vw,6rem)}.contact-tagline{font-size:.9rem}.contact-info-row{min-height:62px;padding:.8rem .85rem}.contact-info-row .ci-icon{width:35px;height:35px}.contact-socials{flex-wrap:wrap}.contact-right>div:before,.contact-form-wrap:before{padding:13px 14px;font-size:7px}.contact-form-title{padding:20px 1.1rem 0}.contact-form-sub{padding:0 1.1rem}.contact-right form,.contact-form-wrap form{padding:0 1.1rem 1.2rem}.contact-right>div:after,.contact-form-wrap:after{padding:12px 1.1rem 14px}}.cinematic-footer{border-top:1px solid var(--glass-border);background:var(--bg-primary);padding:4rem 0 3rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-logo{font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.05em;font-size:1.2rem;text-decoration:none}.footer-logo span{color:var(--accent-primary)}.footer-copy{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.15em;font-size:.65rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);transition:color var(--transition-fast);font-size:.65rem;text-decoration:none}.footer-links a:hover{color:var(--accent-primary)}@media (width<=900px){.contact-grid{grid-template-columns:1fr;gap:3rem}.form-row{grid-template-columns:1fr}.footer-inner{flex-direction:column;align-items:flex-start}}#aiChatBox{transform-origin:100% 100%;filter:drop-shadow(0 32px 80px #000000b3);width:420px;max-width:calc(100% - 2rem);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1),filter .35s}#aiChatBox.hidden{opacity:0;pointer-events:none;filter:drop-shadow(0 0 #0000);transform:scale(.88)translateY(28px)}.chat-window-inner{-webkit-backdrop-filter:blur(40px)saturate(180%);background:#08080cf5;border:1px solid #ffffff12;border-radius:24px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ff33330a,0 24px 80px #0009,inset 0 1px #ffffff0f}.chat-window-inner:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000,#ff333359 40%,#ff663340 70%,#0000);height:1px;position:absolute;top:0;left:10%;right:10%}.chat-header{background:linear-gradient(#ffffff06 0%,#0000 100%);border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:12px;padding:16px 18px 14px;display:flex}.chat-meta{flex-direction:column;gap:4px;display:flex}.chat-title{color:#fff;letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.chat-subtitle{color:#9ca3af;align-items:center;gap:6px;font-size:11px;display:flex}.chat-status-badge{letter-spacing:.03em;text-transform:uppercase;background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:3px 9px 3px 6px;font-size:10px;font-weight:600;transition:all .3s;display:inline-flex}.chat-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .3s,box-shadow .3s;display:inline-block}.chat-status-online{background:#f33;animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 10px #ff3333b3}.chat-status-connecting{background:#f59e0b;animation:1s ease-in-out infinite statusPulse;box-shadow:0 0 8px #f59e0b80}.chat-status-offline{background:#ef4444;box-shadow:0 0 8px #ef444466}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.55}}#chatMessages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:14px;padding:20px 16px;display:flex;overflow:hidden auto}#chatMessages::-webkit-scrollbar{width:3px}#chatMessages::-webkit-scrollbar-track{background:0 0}#chatMessages::-webkit-scrollbar-thumb{background:linear-gradient(#f333,#ff663326);border-radius:999px}.chat-bubble{opacity:0;border-radius:18px;max-width:82%;padding:11px 14px;font-size:13.5px;line-height:1.55;transition:opacity .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);transform:translateY(10px)scale(.97)}.chat-bubble.show{opacity:1;transform:translateY(0)scale(1)}.chat-bubble-user{color:#060808;letter-spacing:-.01em;background:linear-gradient(135deg,#f33 0%,#c00 50%,#f63 100%);border-radius:20px 20px 6px;align-self:flex-end;font-weight:600;box-shadow:0 8px 24px #ff33332e,0 2px 6px #0000004d}.chat-bubble-bot{-webkit-backdrop-filter:blur(12px);color:#e8eaed;white-space:pre-line;background:linear-gradient(135deg,#ffffff0e,#ffffff06);border:1px solid #ffffff14;border-radius:20px 20px 20px 6px;align-self:flex-start;line-height:1.6;box-shadow:0 4px 20px #0006,0 0 0 1px #ff66330f,inset 0 1px #ffffff0d}.typing-dots{align-items:center;gap:5px;padding:2px 0;display:inline-flex}.typing-dots span{background:#ff6633b3;border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingBounce}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-7px)}}.chat-input-area{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#0a0a1099,#050508d9);border-top:1px solid #ffffff0d;flex-shrink:0;padding:12px 14px 14px;position:sticky;bottom:0}.chat-input{background:#ffffff0a;border:1px solid #ffffff12;border-radius:16px;align-items:center;gap:9px;padding:5px 5px 5px 14px;transition:border-color .25s,box-shadow .25s;display:flex}.chat-input:focus-within{border-color:#ff333352;box-shadow:0 0 0 3px #ff33330f,0 8px 32px #0000004d}.chat-input-field{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:13.5px;line-height:1.4}.chat-input-field::placeholder{color:#9ca3af8c;font-size:13px}.chat-input-field:disabled{opacity:.5;cursor:not-allowed}.chat-send-btn{color:#08090a;cursor:pointer;background:linear-gradient(135deg,#f33,#f63);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex;box-shadow:0 4px 16px #f333}.chat-send-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #ff333359}.chat-send-btn:active{transform:scale(.95)}.chat-suggestions-row{justify-content:space-between;align-items:center;gap:8px;margin-top:10px;display:flex}.chat-suggestions-label{color:#9ca3af80;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;flex-shrink:0;font-size:9.5px;font-weight:700}#chatSuggestions{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;gap:6px;padding:4px 0;display:flex;overflow-x:auto}#chatSuggestions::-webkit-scrollbar{display:none}.chat-suggestion-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff12;border-radius:999px;flex:none;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.chat-suggestion-btn:hover{color:#f33;background:#ff333314;border-color:#ff333347;transform:translateY(-2px);box-shadow:0 4px 16px #ff33331a}.chat-mode-btn{letter-spacing:.04em;text-transform:uppercase;color:#9ca3af99;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff12;border-radius:999px;flex-shrink:0;padding:4px 9px;font-family:inherit;font-size:9.5px;font-weight:700;transition:all .2s}.chat-mode-btn:hover{color:#f33;border-color:#ff333340}.chat-mode-btn.active{color:#f33;background:#ff333312;border-color:#f336;box-shadow:0 0 12px #ff33331a}@media (width<=640px){#aiChatBox{transform-origin:50%;z-index:2147483000!important;filter:none!important;border-radius:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;margin:0!important;position:fixed!important;inset:0 auto auto 0!important}#aiChatBox.hidden{opacity:0;transform:translateY(100%)}.chat-window-inner{width:100%;height:100dvh;min-height:100dvh;box-shadow:none;padding-bottom:env(safe-area-inset-bottom,0px);background:#08080cfb;border:0;border-radius:0}.chat-header{min-height:60px;padding:12px 14px;padding-top:max(12px,env(safe-area-inset-top))}#chatMessages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;gap:12px;padding:18px 14px 16px}.chat-bubble{max-width:88%;padding:11px 14px;font-size:15px;line-height:1.55}.chat-input-area{padding:10px 12px calc(12px + env(safe-area-inset-bottom,0px));position:sticky;bottom:0}.chat-input-field{min-height:40px;font-size:16px}.chat-send-btn{width:42px;min-width:42px;height:42px}.chat-suggestions-row{margin-top:8px}.chat-suggestion-btn{min-height:34px;font-size:12px}}@media (width<=640px) and (orientation:landscape){#aiChatBox,.chat-window-inner{height:100dvh;min-height:100dvh}.chat-header{min-height:52px;padding-top:8px}#chatMessages{padding-top:10px;padding-bottom:10px}.chat-input-area{padding-top:7px}.chat-suggestions-row{display:none}}#piyu-music-widget-root{z-index:2147483000;user-select:none;touch-action:none;color:#fff;font-family:Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed}#piyu-music-widget-root *{box-sizing:border-box}@keyframes piyuVinylSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes piyuPulseAura{0%,to{box-shadow:0 10px 30px #00000080,0 0 20px #ff2d5533}50%{box-shadow:0 14px 40px #000000a6,0 0 32px #ff2d5561}}@keyframes piyuWaveBar{0%,to{height:4px}50%{height:16px}}@keyframes piyuStatusBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}@media (width<=767px){#piyu-music-widget-root{display:none!important}}body.loader-active #piyu-music-widget-root,body:has(#piyu-chat-panel.panel-visible) #piyu-music-widget-root{display:none!important}@media (prefers-reduced-motion:reduce){#piyu-music-widget-root *{transition:none!important;animation:none!important}}#piyu-music-widget-root{z-index:1200!important}#piyu-music-panel{background:radial-gradient(at 15% 0,#60a5fa24,#0000 42%),linear-gradient(155deg,#0c111dfa,#05070dfb)!important;border:1px solid #94a3b83d!important;border-radius:22px!important;width:min(340px,100vw - 32px)!important;max-height:min(470px,100dvh - 32px)!important;padding:14px!important;box-shadow:0 24px 70px #00000094,inset 0 1px #ffffff12!important}#piyu-music-widget-root.is-open #piyu-music-panel{transform:translateY(0)scale(1)!important}#piyu-music-toggle{background:#080d18f0!important;border-color:#67e8f96b!important;width:52px!important;height:52px!important;box-shadow:0 10px 28px #0000006b,0 0 20px #3b82f629!important}#piyu-music-toggle .piyu-orb-icon{color:#67e8f9!important}#piyu-music-toggle .piyu-orb-icon svg{filter:drop-shadow(0 0 8px #67e8f97a)!important}#piyu-music-toggle .piyu-orb-outer-ring,#piyu-music-toggle .piyu-orb-ring{border-color:#67e8f938!important}#piyu-music-toggle:hover{border-color:#67e8f9b8!important}#piyu-music-panel .piyu-v-header{margin-bottom:9px!important;padding-bottom:9px!important}#piyu-music-panel .piyu-v-title{font-size:13px!important}#piyu-music-panel .piyu-v-kicker{color:#67e8f9!important}#piyu-music-panel .piyu-track-list,#piyu-music-panel .piyu-v-track-list{overscroll-behavior:contain;min-height:0!important;overflow-y:auto!important}#piyu-music-panel button:focus-visible{outline-offset:3px!important;outline:2px solid #67e8f9!important}@media (width<=767px){#piyu-music-widget-root{display:block!important}#piyu-music-panel{width:min(320px,100vw - 24px)!important;max-height:min(68dvh,430px)!important}}@keyframes matrixFall{0%{opacity:0;top:-40px}30%{opacity:1}to{opacity:0;top:105dvh}}.matrix-char{color:#f33;pointer-events:none;z-index:99999;font-family:monospace;font-size:1.1rem;animation:linear forwards matrixFall;position:fixed}#easterEggOverlay{transition:opacity .5s}.timeline-item{opacity:0;transition:all .6s;transform:translate(-30px)}.timeline-item.visible{opacity:1;transform:translate(0)}.timeline-dot:after{content:"";opacity:.3;border:2px solid;border-radius:50%;width:200%;height:200%;animation:1.5s ease-out infinite ping;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#skillsNetworkCanvas{pointer-events:none;opacity:0;transition:opacity 1s;position:absolute;inset:0}#skillsNetworkCanvas.visible{opacity:1}@keyframes shimmer-lr{0%{background-position:-200%}to{background-position:200%}}.learning-shimmer{background:linear-gradient(90deg,#0000 0%,#ff333326 50%,#0000 100%) 0 0/200%;animation:2.5s linear infinite shimmer-lr}.marquee-container{mask-image:linear-gradient(90deg,#0000,#000 15% 85%,#0000)}.marquee-row{user-select:none;gap:24px;padding:10px 0;display:flex;overflow:hidden}.marquee-content{gap:24px;animation:40s linear infinite marquee;display:flex}.marquee-row:hover .marquee-content{animation-play-state:paused}.marquee-right .marquee-content{animation-direction:reverse}.memory-card{cursor:pointer;background:#0a0a0a;border:1px solid #ffffff0d;border-radius:24px;flex-shrink:0;width:320px;height:220px;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.memory-card:hover{border-color:#f333;transform:translateY(-10px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #ff33330d}.memory-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.memory-card:hover img{transform:scale(1.1)}.memory-overlay{opacity:0;background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.memory-card:hover .memory-overlay{opacity:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-100% - 24px))}}#memoryLightbox{backdrop-blur:20px;background:#050505fa}.lightbox-content img{max-height:80dvh;box-shadow:0 0 50px #00000080}@keyframes slide-right{0%{transform:translate(-100%)}to{transform:translate(400%)}}.active-version{box-shadow:0 0 20px #ff33331a;background-color:#ff33330d!important;border-color:#f336!important}.active-version span{text-shadow:0 0 10px #ff333380;color:#f33!important;border-color:#f339!important}#timeMachineModal{background:radial-gradient(circle,#050508 0%,#010103 100%)!important}.tm-glass-card{backdrop-filter:blur(40px)!important;background:#0a0a0fcc!important;border:1px solid #ffffff08!important}.memories-section{z-index:1;background:#000;padding:8rem 0;position:relative;overflow:hidden}.memories-section:before{content:"";background:linear-gradient(90deg,#0000,#ff33334d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.memories-ambient-glow{pointer-events:none;filter:blur(80px);z-index:0;background:radial-gradient(circle,#ff33330f 0%,#0000 65%);border-radius:50%;width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.memories-header{text-align:left;margin-bottom:4rem}.memories-label{font-family:var(--font-mono,monospace);color:var(--accent-primary,#f33);text-transform:uppercase;letter-spacing:.3em;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.72rem;display:flex}.memories-label:before{content:"";background:var(--accent-primary,#f33);width:32px;height:1px;display:block}.memories-title{color:var(--text-primary,#fff);margin-bottom:1.5rem;font-size:clamp(3rem,7vw,6rem);line-height:.9}.memories-title em{-webkit-text-stroke:1px var(--text-tertiary,#555);color:#0000;font-style:normal}.memories-subtitle{color:var(--text-secondary,#aaa);max-width:600px;font-size:1.1rem;line-height:1.6}.memories-marquee-wrapper{flex-direction:column;gap:1.5rem;width:100%;margin-left:calc(50% - 50vw);padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.memories-marquee{width:100%;display:flex;overflow:hidden}.marquee-track{will-change:transform;gap:1.25rem;width:max-content;display:flex}.marquee-left .marquee-track{animation:40s linear infinite marquee-scroll-left}.marquee-right .marquee-track{animation:48s linear infinite marquee-scroll-right}.memories-marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .625rem))}}@keyframes marquee-scroll-right{0%{transform:translate(calc(-50% - .625rem))}to{transform:translate(0)}}.marquee-item{cursor:pointer;background:#0a0a0a;border:1px solid #ffffff12;border-radius:18px;flex-shrink:0;width:320px;height:240px;transition:border-color .4s,box-shadow .4s;animation:.6s both card-fade-in;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000080}@keyframes card-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.marquee-modern-card{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.marquee-modern-card img,.marquee-item>img{object-fit:cover;object-position:center 20%;filter:grayscale(50%)brightness(.65)contrast(1.05);transform-origin:50%;flex:1;width:100%;min-width:0;height:100%;min-height:0;transition:transform .7s cubic-bezier(.22,1,.36,1),filter .5s;display:block}.marquee-modern-card .overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000 0%,#000c 100%);padding:1rem 1rem .75rem;transition:opacity .4s;position:absolute;bottom:0;left:0;right:0}.marquee-item:hover{border-color:#ff333359;box-shadow:0 8px 32px #0009,0 0 24px #ff333326}.marquee-item:hover .marquee-modern-card img,.marquee-item:hover>img{filter:grayscale(0%)brightness(1.05)contrast(1.02);transform:scale(1.06)}.marquee-item:hover .overlay{opacity:1}@media (width<=1280px){.marquee-item{width:280px;height:210px}}@media (width<=1024px){.marquee-item{border-radius:14px;width:240px;height:180px}.marquee-track,.memories-marquee-wrapper{gap:1rem}}@media (width<=768px){.marquee-item{border-radius:12px;width:200px;height:150px}.marquee-track{gap:.75rem}.memories-marquee-wrapper{gap:.75rem;padding:1rem 0}@keyframes marquee-scroll-left{0%{transform:translate(0)}to{transform:translate(calc(-50% - .375rem))}}@keyframes marquee-scroll-right{0%{transform:translate(calc(-50% - .375rem))}to{transform:translate(0)}}}@media (width<=480px){.marquee-item{border-radius:10px;width:160px;height:120px}}body.loader-active #cinematic-nav,body.loader-active #mobile-nav-dock{opacity:0!important;pointer-events:none!important}html,body{width:100%;max-width:100vw;overflow-x:hidden}body.menu-open{overflow:hidden}.nav-drawer,.mobile-menu-overlay{-webkit-overflow-scrolling:touch;overflow-y:auto}button,a,.hover-target,.bento-card,.drawer-link,.nav-hamburger{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.gpu-accelerate,.bento-card,.reveal-on-scroll,.hero-reveal{will-change:transform, opacity;backface-visibility:hidden;perspective:1000px;transform:translateZ(0)}@supports (padding-top:env(safe-area-inset-top)){#cinematic-nav{padding-top:calc(1.25rem + env(safe-area-inset-top))!important}#navDrawer{padding-top:calc(2rem + env(safe-area-inset-top))!important;padding-bottom:env(safe-area-inset-bottom)!important}}@media (width<=767px){:root{--mobile-gutter:clamp(16px, 5vw, 24px);--mobile-safe-bottom:max(16px, env(safe-area-inset-bottom));--mobile-nav-gap:8px}html,body{-webkit-filter:none!important;backface-visibility:visible!important;perspective:none!important;transform:none!important}.gpu-accelerate,.bento-card,.reveal-on-scroll,.hero-reveal{will-change:auto!important;backface-visibility:visible!important;perspective:none!important;transform:none!important}#cinematic-nav{z-index:9001!important;width:100%!important;max-width:100%!important;left:0!important;right:0!important;transform:none!important}#cinematic-nav,#navDrawer,#mobile-nav-dock,#cinematic-loader{max-width:100vw!important}section{scroll-margin-top:84px}.container,.cs-page,.tx-container,#protocolContainer{width:100%!important;max-width:100%!important;padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}.editorial-text{letter-spacing:-.025em!important;font-size:clamp(2rem,8.5vw,3.1rem)!important;line-height:1.05!important}.text-huge{letter-spacing:-.04em!important;font-size:clamp(3rem,14vw,5.25rem)!important;line-height:.95!important}#home{min-height:100dvh!important;padding-top:88px!important;padding-bottom:calc(96px + var(--mobile-safe-bottom))!important}#home h1{overflow-wrap:anywhere;max-width:12ch;margin-left:auto;margin-right:auto;font-size:clamp(2.9rem,13.5vw,5rem)!important;line-height:.96!important}#home p{max-width:34rem;margin-left:auto;margin-right:auto;font-size:.95rem!important;line-height:1.6!important}#home a,#about a,#contact a,#contact button{min-height:44px}#home .flex-wrap,#about .flex.flex-wrap,#contact .flex.flex-wrap{justify-content:center;width:100%}#home .flex-wrap>a,#about .flex.flex-wrap>a,#contact .flex.flex-wrap>a,#contact .flex.flex-wrap>button{width:min(100%,360px)}#projects .grid,#skills .grid,.bento-grid{grid-template-columns:minmax(0,1fr)!important}.bento-card{min-width:0;margin-bottom:.75rem;overflow:hidden}.bento-card img,.bento-card video,.bento-card canvas{max-width:100%;height:auto}#about .grid{grid-template-columns:minmax(0,1fr)!important;gap:1.5rem!important}#about h2,#skills h2,#projects h2,#contact h2{letter-spacing:-.035em!important;font-size:clamp(2.25rem,10.5vw,3.75rem)!important;line-height:.98!important}#about p,#skills p,#projects p,#contact p{font-size:.94rem;line-height:1.65}#about .grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.5rem!important}#about .grid.grid-cols-3>div{min-width:0;overflow:hidden;padding:.75rem .4rem!important}#about .grid.grid-cols-3>div *{overflow-wrap:anywhere}#about .flex-wrap,#skills .flex-wrap,.tag-list,.skills-list{gap:.5rem!important}#about .flex-wrap>*,#skills .flex-wrap>*,.tag-list>*,.skills-list>*{overflow-wrap:anywhere;max-width:100%}.memories-section,#projects,#skills,#contact{padding-top:4rem!important;padding-bottom:5rem!important}.marquee-modern-card{width:min(78vw,280px)!important;height:170px!important}.cinematic-video-section{min-height:220vh}#navDrawer a,#navDrawer button,.drawer-link{align-items:center;min-height:48px;display:flex}#mobile-nav-dock{left:50%!important;bottom:var(--mobile-safe-bottom)!important;z-index:9999!important;justify-content:center!important;align-items:center!important;gap:var(--mobile-nav-gap)!important;pointer-events:none!important;width:max-content!important;max-width:calc(100vw - 20px)!important;padding:0!important;display:flex!important;position:fixed!important;transform:translate(-50%)!important}}.section-title{overflow-wrap:normal!important;word-break:normal!important;overflow:visible!important}@media (width<=767px){.section-title{white-space:normal!important;font-size:clamp(2.7rem,12vw,4.25rem)!important;line-height:.98!important}}:where(a,button,[role=button]):focus-visible{outline-offset:3px;outline:2px solid #ff2d55}@media (width<=767px){:where(a,button,[role=button]):focus-visible{outline-offset:2px}}@media (width<=375px){.apu-card-actions{flex-direction:column;align-items:stretch}.apu-btn-github,.apu-btn-demo{justify-content:center;width:100%}.apu-btn-explore{justify-content:center;width:100%;margin-left:0}#more-on-github .more-project-link{justify-content:center;width:100%}}html,body,img,p,h1,h2,h3,h4,h5,h6,span,a,button,div{user-select:none;-webkit-touch-callout:none}input,textarea,code,pre{user-select:text}.vis-pane{background:radial-gradient(circle,#1e000066 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100%;min-height:350px;display:flex;position:relative;overflow:hidden}.vis-hud{opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:.25rem;display:flex;position:absolute;top:1rem;right:1rem}.group:hover .vis-hud{animation:.5s ease-out forwards hud-boot}.vis-hud-text{font-family:var(--font-mono);color:var(--os-red);text-transform:uppercase;letter-spacing:.2em;background:#ff33331a;border:1px solid #ff33334d;border-radius:2px;padding:.2rem .5rem;font-size:.55rem;box-shadow:0 0 10px #f333}@keyframes hud-boot{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(-10px)scale(.95)}20%{opacity:.5;clip-path:inset(0 80% 0 0)}40%{opacity:.2;clip-path:inset(0 20% 0 0)}60%{opacity:.8;clip-path:inset(0)}80%{opacity:.5}to{opacity:1;clip-path:inset(0);transform:translateY(0)scale(1)}}.vis-node{background:var(--os-surface);color:#fff;z-index:5;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute}.vis-conn{transform-origin:0;z-index:3;background:linear-gradient(90deg,#ffffff1a,#ffffff0d);height:1px;position:absolute}.p1-core{border-color:var(--os-red);width:70px;height:70px;animation:4s infinite alternate pulse-core;box-shadow:0 0 15px #f333}.group:hover .p1-core{animation:1.5s infinite alternate pulse-core-active;box-shadow:0 0 40px #f339}@keyframes pulse-core{0%{border-color:#ff33334d;transform:scale(1)}to{border-color:#f339;transform:scale(1.05)}}@keyframes pulse-core-active{0%{transform:scale(1);box-shadow:0 0 20px #f336}to{transform:scale(1.15);box-shadow:0 0 50px #ff3333e6}}.p1-satellite{width:40px;height:40px;font-size:.6rem;box-shadow:0 0 10px #ffffff0d}.group:hover .p1-satellite{border-color:#fff6;box-shadow:0 0 15px #fff3}.p1-packet{background:var(--os-red);width:6px;height:6px;box-shadow:0 0 10px var(--os-red);opacity:.2;border-radius:50%;transition:opacity .5s;position:absolute;top:-2.5px;left:0}.group:hover .p1-packet{opacity:1;animation:1.5s linear infinite packet-travel}@keyframes packet-travel{0%{opacity:0;left:10%}20%{opacity:1}80%{opacity:1}to{opacity:0;left:90%}}.p2-chart{border-bottom:1px solid #ffffff1a;align-items:flex-end;gap:1.5rem;width:80%;height:180px;display:flex;position:relative}.p2-candle{border:1px solid;width:15%;transition:height 1s ease-in-out;position:relative}.p2-candle:after{content:"";z-index:-1;width:2px;height:160%;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.p2-candle.bull{background:#ffffff0d;border-color:#fff3}.p2-candle.bull:after{background:#ffffff4d}.p2-candle.bear{border-color:var(--os-red);background:#ff33331a}.p2-candle.bear:after{background:var(--os-red)}.p2-scanner{background:var(--os-red);width:100%;height:1px;box-shadow:0 0 15px var(--os-red);opacity:.3;transition:opacity .3s;position:absolute;top:50%;left:0}.group:hover .p2-scanner{opacity:1;animation:2s ease-in-out infinite alternate p2-scan}@keyframes p2-scan{0%{top:10%}to{top:90%}}.p2-signal{font-family:var(--font-mono);opacity:.2;border-radius:2px;padding:.1rem .3rem;font-size:.5rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.p2-signal.sell{background:var(--os-red);color:#fff;box-shadow:0 0 10px var(--os-red)}.group:hover .p2-signal.sell{opacity:1;animation:1s infinite alternate p2-flash}@keyframes p2-flash{0%{opacity:.4}to{opacity:1;transform:translate(-50%)scale(1.1)}}.p3-funnel{flex-direction:column;align-items:center;gap:1rem;width:80%;display:flex}.p3-stage{background:#ffffff05;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;height:35px;display:flex;position:relative;overflow:hidden}.p3-fill{background:#ffffff0d;height:100%;position:absolute;left:0}.p3-stage.risk{border-color:#ff33334d}.p3-stage.risk .p3-fill{background:#ff333326}.group:hover .p3-stage.risk{border-color:var(--os-red);box-shadow:0 0 20px #ff33334d}.group:hover .p3-stage.risk .p3-fill{background:#ff33334d;animation:1.5s infinite alternate p3-risk-pulse}@keyframes p3-risk-pulse{0%{opacity:.6}to{opacity:1}}.p3-particle{opacity:0;background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:-10px}.group:hover .p3-particle{animation:2s linear infinite p3-drop}@keyframes p3-drop{0%{opacity:1;top:-10px;transform:scale(1)}80%{opacity:.5;background:var(--os-red);top:100px}to{opacity:0;top:120px;transform:scale(0)}}.p4-graph{width:100%;height:100%;position:relative}.p4-node{background:#fff3;border-radius:50%;width:12px;height:12px;transition:all .5s;position:absolute}.p4-node.risk{background:#f336}.group:hover .p4-node.risk{background:var(--os-red);box-shadow:0 0 15px var(--os-red);transform:scale(1.3)}.p4-edge{transform-origin:0;background:#ffffff1a;height:1px;position:absolute;overflow:hidden}.p4-edge-glow{background:linear-gradient(90deg, transparent, var(--os-red), transparent);opacity:0;width:100%;height:100%;position:absolute;left:-100%}.group:hover .p4-edge-glow{opacity:1;animation:2s linear infinite p4-flow}@keyframes p4-flow{0%{left:-100%}to{left:100%}}.p5-map{background-image:radial-gradient(#ffffff1a 1px,#0000 1px);background-size:20px 20px;width:80%;height:80%;position:relative}.p5-route{border:1px dashed #fff3;border-width:1px 1px 0 0;position:absolute}.group:hover .p5-route{border-color:#ff333380;animation:3s infinite p5-recalc}@keyframes p5-recalc{0%,90%{border-color:#ff333380}95%{border-color:var(--os-red);box-shadow:inset 0 0 10px #f333}to{border-color:#ff333380}}.p5-dot{background:var(--os-red);width:8px;height:8px;box-shadow:0 0 10px var(--os-red);opacity:.3;border-radius:50%;position:absolute}.group:hover .p5-dot{opacity:1}.group:hover .p5-dot-1{animation:4s linear infinite p5-move-1}.group:hover .p5-dot-2{animation:3.5s linear 1s infinite p5-move-2}@keyframes p5-move-1{0%{bottom:10%;left:10%}30%{bottom:50%;left:10%}70%{bottom:50%;left:70%}to{bottom:80%;left:70%}}@keyframes p5-move-2{0%{top:20%;right:20%}40%{top:20%;right:60%}80%{top:70%;right:60%}to{top:70%;right:80%}}.p6-radar{border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.p6-radar:before{content:"";border:1px solid #ffffff0d;border-radius:50%;width:70%;height:70%;position:absolute}.p6-sweep{opacity:.2;background:conic-gradient(#0000 70%,#f333 100%);border-radius:50%;width:100%;height:100%;position:absolute}.group:hover .p6-sweep{opacity:1;animation:3s linear infinite p6-spin}@keyframes p6-spin{to{transform:rotate(360deg)}}.p6-target{background:var(--os-red);opacity:.1;width:6px;height:6px;box-shadow:0 0 10px var(--os-red);border-radius:50%;position:absolute;top:30%;left:60%}.group:hover .p6-target{animation:3s infinite p6-blip}@keyframes p6-blip{0%,75%{opacity:.1;transform:scale(1)}80%{opacity:1;transform:scale(1.5)}90%{opacity:.1;transform:scale(1)}to{opacity:.1}}.p6-value{font-family:var(--font-mono);color:#fff;z-index:10;background:#00000080;border:1px solid #ffffff1a;padding:.2rem .5rem;font-size:1rem}.group:hover .p6-value{border-color:var(--os-red);color:var(--os-red);box-shadow:0 0 15px #ff33334d}.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .1s linear,box-shadow .4s;position:relative}.tilt-card:hover{box-shadow:0 25px 60px #0009,0 0 40px #ff2d551f,inset 0 1px #ffffff0f}.tilt-glare{border-radius:inherit;pointer-events:none;z-index:30;opacity:0;transition:opacity .4s;position:absolute;inset:0;overflow:hidden}.tilt-glare:before{content:"";mix-blend-mode:screen;background:conic-gradient(#0000 0deg,#ff2d550f 60deg,#ffffff1f 90deg,#6450ff0f 120deg,#0000 180deg);animation:4s linear infinite glare-spin;position:absolute;inset:-100%}.tilt-glare-spot{pointer-events:none;mix-blend-mode:screen;filter:blur(4px);background:radial-gradient(circle,#ffffff1a 0%,#ff2d550d 40%,#0000 70%);border-radius:50%;width:280px;height:280px;transition:opacity .3s;position:absolute;transform:translate(-50%,-50%)}.tilt-card:hover .tilt-glare{opacity:1}.tilt-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;background:linear-gradient(135deg,#ff2d5500,#ff2d5500);padding:1px;transition:background .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.tilt-card:hover:after{background:linear-gradient(var(--tilt-angle,135deg), #ff2d5580, #6450ff33, #ff2d5500)}.tilt-depth{will-change:transform;transform:translateZ(12px)}.arch-flow-section{margin-top:2rem;padding:3rem 0;position:relative;overflow:hidden}.arch-flow-section:before{content:"// HOW NEURAFLOW WORKS";color:#ff2d55b3;letter-spacing:.3em;text-transform:uppercase;margin-bottom:1.5rem;font-family:JetBrains Mono,monospace;font-size:.65rem;display:block}.arch-pipeline{flex-direction:column;gap:0;padding-left:2rem;display:flex;position:relative}.arch-pipeline:before{content:"";background:linear-gradient(#0000,#ff2d5599 10% 90%,#0000);width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:.55rem}.arch-node{opacity:0;align-items:center;gap:1rem;padding:.75rem 0;display:flex;position:relative;transform:translate(-20px)}.arch-node-dot{z-index:2;background:#ff2d55;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:box-shadow .3s;position:absolute;left:-1.5rem;box-shadow:0 0 #ff2d5566}.arch-node.arch-active .arch-node-dot{animation:2s ease-in-out infinite arch-pulse}.arch-node-icon{background:#ff2d5514;border:1px solid #ff2d5533;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.9rem;transition:background .3s,border-color .3s,transform .3s;display:flex}.arch-node:hover .arch-node-icon{background:#ff2d5526;border-color:#ff2d5580;transform:scale(1.1)}.arch-node-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.arch-node-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;font-family:Oswald,sans-serif;font-size:.78rem;font-weight:700}.arch-node-detail{color:#ffffff59;letter-spacing:.05em;font-family:JetBrains Mono,monospace;font-size:.62rem}.arch-node-badge{color:#ff2d55;white-space:nowrap;text-transform:uppercase;letter-spacing:.1em;background:#ff2d550d;border:1px solid #ff2d554d;border-radius:4px;flex-shrink:0;padding:.15rem .5rem;font-family:JetBrains Mono,monospace;font-size:.58rem;transition:background .3s,border-color .3s}.arch-node:hover .arch-node-badge{background:#ff2d551f;border-color:#ff2d5599}.arch-packet{pointer-events:none;z-index:3;opacity:0;background:#ff2d55;border-radius:50%;width:6px;height:6px;position:absolute;left:-1.45rem;box-shadow:0 0 8px #ff2d55cc}@keyframes glare-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes arch-pulse{0%{box-shadow:0 0 #ff2d5599}70%{box-shadow:0 0 0 8px #ff2d5500}to{box-shadow:0 0 #ff2d5500}}.globe-hud{pointer-events:none;z-index:20;flex-direction:column;gap:.4rem;display:flex;position:absolute;top:1.5rem;right:1.5rem}.globe-hud-line{color:#ff2d5599;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.6rem;animation:3s ease-in-out infinite globe-hud-blink}.globe-hud-line:nth-child(2){animation-delay:1s}.globe-hud-line:nth-child(3){animation-delay:2s}@keyframes globe-hud-blink{0%,to{opacity:.6}50%{opacity:1}}.skill-tilt{transform-style:preserve-3d;cursor:default;transition:transform .15s,box-shadow .3s}.skill-tilt:hover{box-shadow:0 12px 35px #ff2d5526,0 4px 15px #00000080}@media (width<=640px){body:has(#piyu-chat-panel.panel-visible){overscroll-behavior:none!important;overflow:hidden!important}body:has(#piyu-chat-panel.panel-visible) #mobile-command-bar,body:has(#piyu-chat-panel.panel-visible) #mobile-command-menu,body:has(#piyu-chat-panel.panel-visible) #cinematic-nav,body:has(#piyu-chat-panel.panel-visible) #navDrawer,body:has(#piyu-chat-panel.panel-visible) #mobile-nav-dock,body:has(#piyu-chat-panel.panel-visible) #mobile-liquid-nav{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}body:has(#piyu-chat-panel.panel-visible) #dock-heart-btn,body:has(#piyu-chat-panel.panel-visible) .dock-circle-btn{visibility:hidden!important;pointer-events:none!important;display:none!important}#piyu-chat-panel.panel-visible{width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100dvh!important;max-height:none!important;box-shadow:none!important;transform-origin:50%!important;z-index:2147483647!important;-webkit-backdrop-filter:blur(30px)!important;background:radial-gradient(circle at 90% 0,#ff2d5513,#0000 30%),radial-gradient(circle at 0 45%,#7c3aed0e,#0000 28%),#07070a!important;border:0!important;border-radius:0!important;margin:0!important;position:fixed!important;inset:0!important;overflow:hidden!important;transform:none!important}#piyu-chat-panel.panel-visible .pcw-header{min-height:70px!important;padding:max(14px, env(safe-area-inset-top)) 16px 12px!important;-webkit-backdrop-filter:blur(24px)!important;z-index:3!important;background:#07070aeb!important;border-bottom:1px solid #ffffff12!important;position:relative!important;box-shadow:0 8px 30px #0000002e!important}#piyu-chat-panel.panel-visible .pcw-header:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ff2d556b,#0000);height:1px;position:absolute;bottom:-1px;left:16px;right:16px}#piyu-chat-panel.panel-visible .pcw-avatar{border-radius:12px!important;width:38px!important;height:38px!important}#piyu-chat-panel.panel-visible .pcw-name{letter-spacing:.01em!important;font-size:14px!important}#piyu-chat-panel.panel-visible .pcw-badge{padding:3px 6px!important;font-size:8px!important}#piyu-chat-panel.panel-visible .pcw-status-text{color:#ffffff7a!important;font-size:10px!important}#piyu-chat-panel.panel-visible .pcw-messages,#piyu-chat-panel.panel-visible .pcw-message-list,#piyu-chat-panel.panel-visible .pcw-body{overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:#ff2d5533 transparent!important;flex:auto!important;min-height:0!important;padding:22px 16px 20px!important;overflow-y:auto!important}#piyu-chat-panel.panel-visible .pcw-bubble,#piyu-chat-panel.panel-visible .pcw-message{max-width:88%!important}#piyu-chat-panel.panel-visible .pcw-input-area,#piyu-chat-panel.panel-visible .pcw-composer,#piyu-chat-panel.panel-visible .pcw-footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(24px)!important;z-index:4!important;background:#07070af5!important;border-top:1px solid #ffffff12!important;flex-shrink:0!important;position:relative!important}#piyu-chat-panel.panel-visible input,#piyu-chat-panel.panel-visible textarea{font-size:16px!important}#piyu-chat-panel.panel-visible .pcw-close,#piyu-chat-panel.panel-visible [data-chat-close]{min-width:42px!important;min-height:42px!important}#piyu-chat-panel.panel-visible .pcw-input-area button,#piyu-chat-panel.panel-visible .pcw-composer button{-webkit-tap-highlight-color:transparent!important}}@media (width<=640px) and (orientation:landscape){#piyu-chat-panel.panel-visible .pcw-header{min-height:54px!important;padding-top:8px!important}#piyu-chat-panel.panel-visible .pcw-messages,#piyu-chat-panel.panel-visible .pcw-message-list,#piyu-chat-panel.panel-visible .pcw-body{padding-top:10px!important;padding-bottom:10px!important}#piyu-chat-panel.panel-visible .pcw-input-area,#piyu-chat-panel.panel-visible .pcw-composer,#piyu-chat-panel.panel-visible .pcw-footer{padding-top:7px!important}}#projects,.works-section,.about-section,.skills-section,.contact-section,#journey,.deploy-section{content-visibility:auto;contain-intrinsic-size:1000px;contain:paint layout}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.reveal-up.io-visible,.reveal-left.io-visible{transition:opacity .7s cubic-bezier(.16, 1, .3, 1) var(--io-delay,0s), transform .7s cubic-bezier(.16, 1, .3, 1) var(--io-delay,0s);opacity:1!important;transform:none!important}.skip-link{z-index:99999;color:#fff;text-transform:uppercase;letter-spacing:.1em;background:#ff2d55;border:2px solid #ffffff4d;border-radius:0 0 8px 8px;padding:10px 20px;font-family:monospace;font-size:12px;font-weight:700;text-decoration:none;transition:top .2s;position:fixed;top:-100px;left:16px}.skip-link:focus{outline:none;top:0}.project-story-modal{z-index:9999;-webkit-backdrop-filter:blur(20px);opacity:0;visibility:hidden;pointer-events:none;background:#050505f2;justify-content:center;align-items:flex-start;transition:opacity .5s,visibility .5s;display:flex;position:fixed;inset:0;overflow:hidden auto}.project-story-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.story-container{opacity:0;background:#0a0a0a;border-left:1px solid #ffffff0d;border-right:1px solid #ffffff0d;flex-direction:column;width:100%;max-width:1000px;min-height:100vh;margin:0 auto;display:flex;position:relative;transform:scale(.95)translateY(20px)}.story-header{z-index:10;backdrop-filter:blur(12px);background:#0a0a0acc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.story-close-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.story-close-btn:hover{background:#ff2d55;border-color:#ff2d55;transform:scale(1.05)}.story-content{flex-direction:column;gap:4rem;padding:3rem 2rem;display:flex}.story-section{opacity:0;transform:translateY(20px)}.story-label{text-transform:uppercase;letter-spacing:.2em;color:#ff2d55;margin-bottom:1rem;font-family:JetBrains Mono,monospace;font-size:.75rem;display:block}.story-title{color:#fff;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.2}.story-text{color:#a3a3a3;font-family:Inter,sans-serif;font-size:1.125rem;line-height:1.7}.arch-flow-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.arch-flow-node{opacity:0;background:#111;border:1px solid #ffffff0d;border-radius:1rem;align-items:center;gap:1.5rem;padding:1.5rem;display:flex;transform:translateY(10px)}.arch-flow-icon{color:#ff2d55;background:#ff2d551a;border:1px solid #ff2d5533;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.arch-flow-arrow{color:#fff3;opacity:0;justify-content:center;margin:.5rem 0;font-size:1.5rem;display:flex}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.metric-card{text-align:center;background:#111;border:1px solid #ffffff0d;border-radius:1rem;padding:2rem;transition:transform .3s}.metric-card:hover{border-color:#ff2d554d;transform:translateY(-5px)}.metric-value{color:#fff;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}.metric-label{text-transform:uppercase;letter-spacing:.1em;color:#a3a3a3;font-family:JetBrains Mono,monospace;font-size:.75rem}.story-gallery{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.gallery-item{aspect-ratio:16/9;background:#111;border:1px solid #ffffff0d;border-radius:1rem;overflow:hidden}.gallery-item img{object-fit:cover;opacity:.8;width:100%;height:100%;transition:all .5s}.gallery-item:hover img{opacity:1;transform:scale(1.05)}.story-ctas{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.story-cta-primary,.story-cta-secondary{text-transform:uppercase;letter-spacing:.1em;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-family:JetBrains Mono,monospace;font-size:.875rem;font-weight:700;transition:all .3s;display:flex}.story-cta-primary{color:#fff;background:#ff2d55;border:none}.story-cta-primary:hover{background:#e0264a;transform:translateY(-2px)}.story-cta-secondary{color:#fff;background:0 0;border:1px solid #fff3}.story-cta-secondary:hover{background:#ffffff0d;border-color:#fff6}@media (width<=768px){.story-content{gap:3rem;padding:2rem 1.5rem}.story-title{font-size:2rem}}@media (width<=767px){#cinematic-nav,#navDrawer,#mobile-nav-dock,#mobile-liquid-nav,#draggableMusicWidget{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}#mobile-command-bar{top:max(10px, env(safe-area-inset-top))!important;z-index:10060!important;pointer-events:none!important;justify-content:space-between!important;align-items:center!important;width:auto!important;height:46px!important;display:flex!important;position:fixed!important;left:12px!important;right:12px!important}#mobile-command-bar .mobile-brand,#mobile-command-bar .mobile-menu-trigger{pointer-events:auto!important;-webkit-tap-highlight-color:transparent!important}#mobile-command-bar .mobile-brand{-webkit-backdrop-filter:blur(22px)saturate(160%)!important;color:#fff!important;letter-spacing:.16em!important;text-transform:uppercase!important;background:#08080bbd!important;border:1px solid #ffffff1a!important;border-radius:999px!important;align-items:center!important;gap:8px!important;min-height:40px!important;padding:0 14px!important;font:700 11px/1 Outfit,sans-serif!important;text-decoration:none!important;display:inline-flex!important;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff14!important}#mobile-command-bar .mobile-brand-dot{background:#ff2d55!important;border-radius:50%!important;flex:0 0 6px!important;width:6px!important;height:6px!important;animation:2s ease-in-out infinite piyu-mobile-pulse!important;box-shadow:0 0 12px #ff2d55f2!important}#mobile-command-bar .mobile-menu-trigger{color:#fff!important;-webkit-backdrop-filter:blur(22px)saturate(160%)!important;cursor:pointer!important;background:#08080bc7!important;border:1px solid #ffffff1f!important;border-radius:50%!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;transition:transform .28s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s!important;display:grid!important;box-shadow:0 12px 32px #00000057,inset 0 1px #ffffff14!important}#mobile-command-bar .mobile-menu-trigger:active{transform:scale(.9)!important}#mobile-command-bar .mobile-menu-trigger.is-open{background:#ff2d551f!important;border-color:#ff2d5566!important}#mobile-command-bar .hamburger-lines,#mobile-command-bar .hamburger-lines:before,#mobile-command-bar .hamburger-lines:after{background:currentColor!important;border-radius:10px!important;width:17px!important;height:1.5px!important;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .2s!important}#mobile-command-bar .hamburger-lines{position:relative!important}#mobile-command-bar .hamburger-lines:before,#mobile-command-bar .hamburger-lines:after{content:""!important;position:absolute!important;left:0!important}#mobile-command-bar .hamburger-lines:before{transform:translateY(-5px)}#mobile-command-bar .hamburger-lines:after{transform:translateY(5px)}#mobile-command-bar .mobile-menu-trigger.is-open .hamburger-lines{background:0 0!important}#mobile-command-bar .mobile-menu-trigger.is-open .hamburger-lines:before{transform:rotate(45deg)}#mobile-command-bar .mobile-menu-trigger.is-open .hamburger-lines:after{transform:rotate(-45deg)}@keyframes piyu-mobile-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.78)}}#mobile-command-menu{z-index:10050!important;box-sizing:border-box!important;padding:calc(78px + env(safe-area-inset-top)) 20px calc(34px + env(safe-area-inset-bottom))!important;-webkit-backdrop-filter:blur(32px)saturate(135%)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;overscroll-behavior:contain!important;background:radial-gradient(circle at 84% 14%,#7c3aed1f,#0000 32%),radial-gradient(circle at 8% 80%,#ff2d5524,#0000 40%),#040406fa!important;flex-direction:column!important;justify-content:center!important;transition:opacity .28s,transform .42s cubic-bezier(.16,1,.3,1),visibility .28s!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important;transform:translateY(-8px)!important}#mobile-command-menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.mobile-command-meta{letter-spacing:.18em!important;color:#ffffff4d!important;text-transform:uppercase!important;margin:0 0 18px!important;font:8px/1.5 JetBrains Mono,monospace!important}.mobile-command-meta strong{color:#ff2d55!important;font-weight:500!important}.mobile-command-links{flex-direction:column!important;display:flex!important}.mobile-command-link{box-sizing:border-box!important;color:#ffffffe6!important;border-bottom:1px solid #fff1!important;align-items:center!important;gap:12px!important;min-height:58px!important;padding:10px 0!important;text-decoration:none!important;transition:color .2s,padding-left .25s!important;display:flex!important}.mobile-command-link:active{color:#fff!important;padding-left:5px!important}.mobile-command-link .index{color:#ffffff38!important;flex:0 0 22px!important;width:22px!important;font:8px JetBrains Mono,monospace!important}.mobile-command-link .label{letter-spacing:-.045em!important;font:600 clamp(28px,8.5vw,42px)/.96 Outfit,sans-serif!important}.mobile-command-link .arrow{color:#ff2d55c2!important;margin-left:auto!important;font:15px JetBrains Mono,monospace!important}.mobile-command-footer{letter-spacing:.09em!important;color:#ffffff3d!important;text-transform:uppercase!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;margin-top:18px!important;font:7px JetBrains Mono,monospace!important;display:flex!important}.mobile-command-footer .online{color:#ffffff70!important}.mobile-command-footer .online:before{content:"";background:#ff2d55;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 8px #ff2d55cc}#home{padding-top:clamp(94px,18vw,122px)!important;padding-bottom:32px!important}body.mobile-command-open{touch-action:none!important;overflow:hidden!important}@media (width<=390px){#mobile-command-bar{left:10px!important;right:10px!important}#mobile-command-bar .mobile-menu-trigger{width:42px!important;height:42px!important}#mobile-command-bar .mobile-brand{min-height:38px!important;font-size:10px!important}#mobile-command-menu{padding-left:17px!important;padding-right:17px!important}}@media (prefers-reduced-motion:reduce){#mobile-command-menu,#mobile-command-bar .mobile-menu-trigger{transition:none!important}#mobile-command-bar .mobile-brand-dot{animation:none!important}}}@media (width>=768px){#mobile-command-bar,#mobile-command-menu{display:none!important}}.proj-grid{flex-direction:column;gap:2rem;margin-top:3rem;display:flex}.proj-card{opacity:0;background:#0a0a0ae6;border:1px solid #ffffff0f;border-radius:1.5rem;grid-template-columns:1fr 1fr;min-height:420px;transition:opacity .7s,transform .7s,border-color .4s;display:grid;overflow:hidden;transform:translateY(30px)}.proj-card.in-view{opacity:1;transform:translateY(0)}.proj-card:hover{border-color:#ff2d5540;box-shadow:0 0 40px #ff2d550d}@media (width<=860px){.proj-card{grid-template-columns:1fr;min-height:auto}}.proj-content{border-right:1px solid #ffffff0d;flex-direction:column;gap:1rem;padding:2.5rem;display:flex}@media (width<=860px){.proj-content{border-bottom:1px solid #ffffff0d;border-right:none}}.proj-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.proj-badge{text-transform:uppercase;letter-spacing:.15em;color:#ff2d55;background:#ff2d551a;border:1px solid #ff2d5566;border-radius:99px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-family:monospace;font-size:.6rem;display:inline-flex}.proj-badge--live{color:#ff2d55}.proj-version{color:#444;letter-spacing:.08em;font-family:monospace;font-size:.6rem}.proj-index{font-family:var(--font-display,sans-serif);color:#ff2d5514;letter-spacing:-.05em;user-select:none;margin-bottom:-.5rem;font-size:5rem;font-weight:900;line-height:1}.proj-title{font-family:var(--font-display,sans-serif);text-transform:uppercase;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.5px #ffffffe0;margin:0;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:900;line-height:1.05}.proj-title em{color:#ff2d55;-webkit-text-stroke:0;font-style:normal}.proj-desc{color:#888;max-width:95%;font-size:.88rem;line-height:1.65}.proj-tags{flex-wrap:wrap;gap:.4rem;display:flex}.proj-tags span{text-transform:uppercase;letter-spacing:.1em;background:var(--tag-c,#ffffff0a);border:1px solid var(--tag-b,#ffffff14);color:var(--tag-t,#666);border-radius:99px;padding:.3rem .7rem;font-family:monospace;font-size:.6rem}.proj-metrics{background:#ffffff05;border:1px solid #ffffff0a;border-radius:.75rem;flex-wrap:wrap;gap:1.5rem;padding:1rem;display:flex}.proj-metric{flex-direction:column;gap:.2rem;display:flex}.proj-metric-val{font-family:var(--font-display,sans-serif);color:#ff2d55;align-items:baseline;gap:.15rem;font-size:1.4rem;font-weight:800;line-height:1;display:flex}.proj-metric-val em{color:#ff2d55;opacity:.8;font-size:.7rem;font-style:normal}.proj-metric-label{text-transform:uppercase;letter-spacing:.1em;color:#555;font-family:monospace;font-size:.55rem}.proj-actions{flex-wrap:wrap;gap:.75rem;margin-top:auto;padding-top:.5rem;display:flex}.proj-btn-primary{color:#fff;text-transform:uppercase;letter-spacing:.12em;background:#ff2d55;border:1px solid #ff2d55;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:monospace;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.proj-btn-primary:hover{filter:brightness(1.2);box-shadow:0 0 20px #ff2d5566}.proj-btn-ghost{color:#888;text-transform:uppercase;letter-spacing:.12em;background:0 0;border:1px solid #ffffff1f;border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-family:monospace;font-size:.65rem;text-decoration:none;transition:all .3s;display:inline-flex}.proj-btn-ghost:hover{color:#fff;border-color:#ffffff4d}.proj-visual{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pv-grid{background-image:linear-gradient(var(--g,#ff2d550a) 1px, transparent 1px), linear-gradient(90deg, var(--g,#ff2d550a) 1px, transparent 1px);background-size:32px 32px;position:absolute;inset:0}.pv-orbit{border:1px solid #ff2d551f;border-radius:50%;width:55%;height:55%;animation:20s linear infinite orbit-spin;position:absolute}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pv-center-node{z-index:10;background:#ff2d551a;border:2px solid #ff2d5580;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;animation:3s ease-in-out infinite pulse-glow;display:flex;position:absolute;box-shadow:0 0 30px #ff2d5533}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #ff2d5533}50%{box-shadow:0 0 40px #ff2d5580}}.pv-sat{z-index:10;color:#555;background:#0c0c0cf2;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .3s;display:flex;position:absolute}.proj-card:hover .pv-sat{color:#ff2d55;border-color:#ff2d554d}.pv-lines{width:100%;height:100%;position:absolute;inset:0}.pv-label{text-transform:uppercase;letter-spacing:.2em;color:#ff2d5559;white-space:nowrap;font-family:monospace;font-size:.55rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}.tc-wrap{z-index:5;justify-content:center;align-items:flex-end;gap:10px;width:65%;height:160px;display:flex;position:relative}.tc-bar{background:#ffffff08;border:1px solid #ffffff0f;border-bottom:none;border-radius:3px 3px 0 0;flex:1;transition:all .3s;position:relative}.tc-bar.tc-active{background:#f59e0b14;border-color:#f59e0b80}.proj-card:hover .tc-bar{border-color:#ffffff1a}.tc-dot{background:#f59e0b;border-radius:50%;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #f59e0b,0 0 30px #f59e0b99}.tc-vline{background:#f59e0b40;width:1px;height:180%;position:absolute;top:-80%;left:50%;transform:translate(-50%)}.tc-hline{z-index:6;background:#f59e0b4d;height:1px;position:absolute;top:42%;left:15%;right:15%}.tc-tag{text-transform:uppercase;letter-spacing:.15em;color:#f59e0b;z-index:8;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:4px;padding:.25rem .6rem;font-family:monospace;font-size:.55rem;position:absolute;top:28%;right:8%}.lstm-svg{width:80%;height:60%;position:absolute;inset:15% 10%}.lstm-badge{text-transform:uppercase;letter-spacing:.12em;border-radius:4px;padding:.2rem .55rem;font-family:monospace;font-size:.55rem;position:absolute}.lstm-badge--actual{color:#38bdf899;background:#38bdf80d;border:1px solid #38bdf833;top:55%;left:12%}.lstm-badge--pred{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf866;top:25%;right:8%}.command-center-section{color:#fff;background:#000;position:relative;overflow:hidden}.neural-arch-map{background:#ffffff05;border:1px solid #ffffff0d;border-radius:1rem;justify-content:space-between;align-items:center;width:100%;height:120px;margin-bottom:1.5rem;padding:0 2rem;display:flex;position:relative;overflow:hidden}.arch-node{z-index:10;flex-direction:column;align-items:center;gap:.5rem;display:flex}.arch-node-pulse{background:#fff;border-radius:50%;width:12px;height:12px;position:relative;box-shadow:0 0 15px #ffffff80}.arch-node-pulse:after{content:"";border:1px solid #ff2d55;border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:-4px}.arch-node-label{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:#888;font-size:.65rem}.arch-connection{background:linear-gradient(90deg,#0000,#ff2d5580,#0000);flex-grow:1;height:2px;position:relative;overflow:hidden}.arch-connection:after{content:"";background:linear-gradient(90deg,#0000,#ff2d55,#0000);width:50%;height:100%;animation:3s linear infinite flow;position:absolute;top:0;left:-100%}@keyframes flow{0%{left:-100%}to{left:200%}}.glass-command-dock{-webkit-backdrop-filter:blur(12px);background:#14141499;border:1px solid #ffffff1a;border-radius:99px;justify-content:center;align-items:center;gap:.5rem;width:max-content;margin:0 auto 3rem;padding:.5rem;display:flex;box-shadow:0 10px 30px #00000080,inset 0 1px 1px #ffffff0d}.command-dock-btn{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:#666;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:99px;padding:.75rem 1.5rem;font-size:.65rem;transition:all .3s}.command-dock-btn:hover{color:#fff;background:#ffffff0d}.command-dock-btn.active{color:#ff2d55;background:#ff2d551a;border-color:#ff2d554d;box-shadow:0 0 15px #ff2d5533}.deployment-module{opacity:0;background:#0a0a0acc;border:1px solid #ffffff0d;border-radius:1.5rem;grid-template-columns:1fr 1.2fr;gap:2rem;width:100%;min-height:85vh;transition:opacity .8s,transform .8s;display:grid;position:relative;overflow:hidden;transform:translateY(40px)}.deployment-module.in-view{opacity:1;transform:translateY(0)}.deployment-module:hover{border-color:#ff2d554d}@media (width<=1024px){.deployment-module{grid-template-columns:1fr;min-height:auto}}.module-visuals{border-right:1px solid #ffffff0d;flex-direction:column;padding:2rem;display:flex;position:relative}@media (width<=1024px){.module-visuals{border-bottom:1px solid #ffffff0d;border-right:none}}.module-image-container{background:#050505;border:1px solid #ffffff0d;border-radius:1rem;flex-grow:1;min-height:300px;position:relative;overflow:hidden}.module-image-container img{object-fit:cover;opacity:.6;filter:grayscale()contrast(1.2);width:100%;height:100%;transition:all .5s}.deployment-module:hover .module-image-container img{opacity:1;filter:grayscale(0%)contrast();transform:scale(1.02)}.module-scanline{z-index:2;opacity:0;background:#ff2d55cc;width:100%;height:2px;animation:4s linear infinite module-scan;position:absolute;top:0;left:0;box-shadow:0 0 10px #ff2d55cc}.deployment-module:hover .module-scanline{opacity:1}@keyframes module-scan{0%{top:0%}to{top:100%}}.module-data{flex-direction:column;justify-content:center;padding:3rem;display:flex}.module-status-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.status-indicator{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:#fff;background:#00000080;border:1px solid #ffffff1a;border-radius:99px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.65rem;display:inline-flex}.status-dot{background:#0f0;border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink;box-shadow:0 0 8px #0f0}.module-version{font-family:var(--font-mono,monospace);color:#666;letter-spacing:.1em;font-size:.65rem}.module-title{font-family:var(--font-display,sans-serif);text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #ffffffe6;text-shadow:0 0 20px #ff2d5533;letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:900;line-height:1}.module-brief{color:#aaa;max-width:90%;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.terminal-metrics{font-family:var(--font-mono,monospace);background:#050505;border:1px solid #ffffff0d;border-radius:1rem;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem;display:grid}.metric-box{flex-direction:column;gap:.25rem;display:flex}.metric-label{text-transform:uppercase;color:#666;letter-spacing:.1em;font-size:.6rem}.metric-value{color:#fff;align-items:baseline;gap:.25rem;font-size:1.25rem;font-weight:700;display:flex}.metric-value span{color:#ff2d55;font-size:.75rem}.tech-database{margin-bottom:2.5rem}.tech-row{font-family:var(--font-mono,monospace);align-items:center;margin-bottom:.75rem;font-size:.7rem;display:flex}.tech-name{color:#888;text-transform:uppercase;width:100px}.tech-bar-container{background:#ffffff0d;border-radius:2px;flex-grow:1;height:4px;margin:0 1rem;overflow:hidden}.tech-bar{background:#ff2d55;width:0%;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #ff2d5580}.tech-status{text-align:right;color:#ff2d55;width:60px;font-weight:700}.command-actions{flex-wrap:wrap;gap:1rem;display:flex}.cmd-btn{font-family:var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.15em;color:#fff;cursor:pointer;background:#ffffff05;border:1px solid #ffffff1a;border-radius:.5rem;align-items:center;gap:.75rem;padding:1rem 2rem;font-size:.7rem;transition:all .3s;display:flex}.cmd-btn.primary{color:#000;background:#fff;font-weight:700}.cmd-btn.primary:hover{color:#fff;background:#ff2d55;border-color:#ff2d55;box-shadow:0 0 20px #ff2d5566}.cmd-btn:not(.primary):hover{background:#ffffff0d;border-color:#ffffff4d}.recruiter-info-wrapper{border-top:1px dashed #ffffff1a;margin-top:2rem;padding-top:2rem}.recruiter-toggle{font-family:var(--font-mono,monospace);color:#ff2d55;cursor:pointer;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:1rem;font-size:.75rem;display:flex}.recruiter-toggle svg{transition:transform .3s}.recruiter-toggle.open svg{transform:rotate(180deg)}.recruiter-content{margin-top:1.5rem;animation:.5s fadeIn;display:none}.recruiter-content.active{display:block}.recruiter-qa{margin-bottom:1.5rem}.recruiter-qa h5{font-family:var(--font-mono,monospace);color:#888;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem}.recruiter-qa p{color:#ddd;font-size:.95rem;line-height:1.6}.next-deployments{background:#ff2d5505;border:1px solid #ff2d551a;border-radius:2rem;margin-top:8rem;padding:4rem;position:relative;overflow:hidden}.next-deployments:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ff2d55,#0000);width:100%;height:2px;position:absolute;top:0;left:0}.roadmap-title{font-family:var(--font-mono,monospace);color:#ff2d55;text-transform:uppercase;letter-spacing:.2em;align-items:center;gap:1rem;margin-bottom:2rem;font-size:.85rem;display:flex}.roadmap-title:before{content:"";background:#ff2d55;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #ff2d55}.roadmap-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.roadmap-item{font-family:var(--font-mono,monospace);color:#aaa;background:#00000080;border:1px solid #ffffff0d;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;font-size:.85rem;transition:all .3s;display:flex}.roadmap-item:hover{color:#fff;border-color:#fff3;transform:translate(5px)}.roadmap-box{border:1px solid #555;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.proj-card.p3d-card{--p3d-rx:0deg;--p3d-ry:0deg;--p3d-lift:0px;--p3d-mx:50%;--p3d-my:50%;transform-style:preserve-3d;perspective:1200px;transform:perspective(1200px) rotateX(var(--p3d-rx)) rotateY(var(--p3d-ry)) translateY(var(--p3d-lift));will-change:transform;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;position:relative}.proj-card.p3d-card:before{z-index:0;background:radial-gradient(circle at var(--p3d-mx) var(--p3d-my), #ff2d5533, transparent 24%), radial-gradient(circle at 15% 85%, #7c3aed1c, transparent 30%);opacity:.72;transition:opacity .25s}.proj-card.p3d-card:after{z-index:6;text-shadow:0 0 14px #ff2d5538}.proj-card.p3d-card:hover{transform:perspective(1200px) rotateX(var(--p3d-rx)) rotateY(var(--p3d-ry)) translateY(var(--p3d-lift));border-color:#ff2d5580;box-shadow:0 45px 110px #000000ad,0 0 65px #ff2d551a,inset 0 1px #ffffff14}.proj-card.p3d-card>.proj-content,.proj-card.p3d-card>.proj-visual{z-index:2;transform-style:preserve-3d;position:relative}.proj-card.p3d-card>.proj-content{transform:translateZ(34px)}.proj-card.p3d-card>.proj-visual{transform:translateZ(46px)}.proj-card.p3d-card .proj-header{transform:translateZ(26px)}.proj-card.p3d-card .proj-index{text-shadow:0 0 30px #ff2d551a;transform:translateZ(58px)}.proj-card.p3d-card .proj-title{text-shadow:0 12px 28px #00000059;transform:translateZ(50px)}.proj-card.p3d-card .proj-desc{transform:translateZ(34px)}.proj-card.p3d-card .proj-tags{transform:translateZ(42px)}.proj-card.p3d-card .proj-metrics{transform:translateZ(30px)}.proj-card.p3d-card .proj-actions{transform:translateZ(38px)}.proj-card.p3d-card .p3d-glow{z-index:1;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--p3d-mx) var(--p3d-my), #ff2d5529, transparent 18%), radial-gradient(circle at calc(100% - var(--p3d-mx)) calc(100% - var(--p3d-my)), #7c3aed1a, transparent 25%);mix-blend-mode:screen;opacity:0;transition:opacity .25s;position:absolute;inset:0;overflow:hidden}.proj-card.p3d-card:hover .p3d-glow{opacity:1}.proj-card.p3d-card .p3d-orbit{pointer-events:none;opacity:.55;z-index:1;border:1px solid #ff2d551f;border-radius:50%;width:230px;height:90px;position:absolute;top:42%;right:-42px;transform:translateZ(18px)rotate(-18deg)}.proj-card.p3d-card .p3d-orbit:after{content:"";background:#ff2d55;border-radius:50%;width:7px;height:7px;margin:-3.5px;animation:2.8s linear infinite p3d-orbit-pulse;position:absolute;top:50%;left:8%;box-shadow:0 0 14px #ff2d55}@keyframes p3d-orbit-pulse{0%{opacity:.35;transform:rotate(0)translate(0)}50%{opacity:1}to{opacity:.35;transform:rotate(360deg)translate(0)}}@media (width<=860px){.proj-card.p3d-card{perspective:none;transform:none!important}.proj-card.p3d-card>.proj-content,.proj-card.p3d-card>.proj-visual,.proj-card.p3d-card .proj-header,.proj-card.p3d-card .proj-index,.proj-card.p3d-card .proj-title,.proj-card.p3d-card .proj-desc,.proj-card.p3d-card .proj-tags,.proj-card.p3d-card .proj-metrics,.proj-card.p3d-card .proj-actions{transform:none}.proj-card.p3d-card .p3d-orbit{width:170px;height:70px;right:-55px}}@media (prefers-reduced-motion:reduce){.proj-card.p3d-card,.proj-card.p3d-card>.proj-content,.proj-card.p3d-card>.proj-visual,.proj-card.p3d-card .proj-header,.proj-card.p3d-card .proj-index,.proj-card.p3d-card .proj-title,.proj-card.p3d-card .proj-desc,.proj-card.p3d-card .proj-tags,.proj-card.p3d-card .proj-metrics,.proj-card.p3d-card .proj-actions{transition:none!important;transform:none!important}.proj-card.p3d-card .p3d-orbit,.proj-card.p3d-card .p3d-orbit:after{animation:none!important}}.proj-stack-scroll{perspective:1400px;height:100vh;min-height:100vh;transform-style:preserve-3d;margin-top:3rem;display:block;position:relative}.proj-stack-scroll .proj-card{transform-origin:top;will-change:transform, opacity;backface-visibility:hidden;width:100%;height:min(72vh,720px);min-height:0;margin:auto;position:absolute;inset:50% 0 0;transform:translateY(-50%)}.proj-stack-scroll .proj-card .proj-content,.proj-stack-scroll .proj-card .proj-visual{transform:translateZ(24px)}.proj-stack-scroll:before{content:"PROJECT ORBIT / SCROLL TO NAVIGATE";z-index:40;letter-spacing:.18em;color:#ffffff3d;text-transform:uppercase;pointer-events:none;font:500 .55rem/1 monospace;position:absolute;top:-2rem;right:0}.proj-stack-scroll:after{content:"";pointer-events:none;border:1px solid #ff2d550f;border-radius:2rem;position:absolute;inset:6% 3%}@media (width<=860px){.proj-stack-scroll{height:86vh;min-height:86vh;margin-top:2.5rem}.proj-stack-scroll .proj-card{height:min(76vh,760px)}}@media (width<=560px){.proj-stack-scroll .proj-card{height:auto;max-height:78vh;overflow:hidden}.proj-stack-scroll .proj-content{gap:.7rem;padding:1.35rem}.proj-stack-scroll .proj-index{font-size:3.5rem}.proj-stack-scroll .proj-desc{font-size:.76rem;line-height:1.45}.proj-stack-scroll .proj-metrics{gap:.8rem;padding:.7rem}.proj-stack-scroll .proj-visual{min-height:220px}.proj-stack-scroll:before{left:0;right:auto}}@media (prefers-reduced-motion:reduce){.proj-stack-scroll{height:auto;min-height:0}.proj-stack-scroll .proj-card{margin-bottom:1.5rem;position:relative;inset:auto;opacity:1!important;transform:none!important}.proj-stack-scroll:before,.proj-stack-scroll:after{display:none}}#projects{color:#fff;background:radial-gradient(circle at 50% 25%,#0c56e8 0%,#0047cc 55%,#0036a6 100%);padding:clamp(5rem,8vw,8rem) 0 clamp(6rem,10vw,9rem);position:relative;overflow:clip}.apu-noise,.apu-grid-bg,#apu-canvas,.apu-glow-1,.apu-glow-2,.apu-glow-3{display:none!important}#projects:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(60% 40% at 10% 10%,#ffffff14 0%,#0000 60%),radial-gradient(70% 50% at 90% 90%,#00145a59 0%,#0000 70%);position:absolute;inset:0}.apu-inner{z-index:2;max-width:1200px;margin:0 auto;padding:0 clamp(1.5rem,5vw,3rem);position:relative}.apu-header{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:clamp(3rem,5.5vw,4.5rem);display:flex}.apu-eyebrow-wrap{flex-shrink:0;padding-top:.6rem}.apu-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:#ffffffd9;align-items:center;gap:.5rem;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.82rem;font-weight:600;display:inline-flex}.apu-eyebrow-dot{display:none}.apu-title{letter-spacing:-.015em;color:#fff;text-align:right;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.4rem,5vw,4.4rem);font-style:normal;font-weight:400;line-height:1.08}.apu-subtitle{display:none}.apu-deck-scene{perspective:1600px;justify-content:center;align-items:center;width:100%;min-height:520px;margin:0 auto;display:flex;position:relative}.apu-deck{width:min(940px,100%);height:500px;position:relative}.apu-card-slot{transform-origin:top;will-change:transform, opacity;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .45s,filter .45s;position:absolute;inset:0}.apu-card-slot[data-deck-pos="0"]{z-index:10;opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.apu-card-slot[data-deck-pos="1"]{z-index:9;opacity:1;cursor:pointer;transform:translateY(-24px)scale(.96)}.apu-card-slot[data-deck-pos="2"]{z-index:8;opacity:1;cursor:pointer;transform:translateY(-46px)scale(.92)}.apu-card-slot[data-deck-pos="3"]{z-index:7;opacity:.9;cursor:pointer;transform:translateY(-66px)scale(.88)}.apu-card-slot.is-exiting{opacity:0;pointer-events:none;transform:translateY(70px)scale(.94);z-index:1!important}.apu-card-slot[data-deck-pos="1"]:hover{transform:translateY(-30px)scale(.965)}.apu-card-slot[data-deck-pos="2"]:hover{transform:translateY(-52px)scale(.925)}.apu-card{background:#f5f2eb;border:1px solid #ffffff8c;border-radius:30px;grid-template-columns:1.15fr 1fr;width:100%;height:100%;transition:box-shadow .35s;display:grid;position:relative;overflow:hidden;box-shadow:0 35px 70px #00124647,0 12px 28px #000a2824,0 0 0 1px #fff6}.apu-card-slot[data-deck-pos="0"] .apu-card:hover{box-shadow:0 45px 85px #00124657,0 16px 32px #000a282e,0 0 0 1px #fff9}.apu-card-body{flex-direction:column;justify-content:space-between;gap:1rem;padding:clamp(2rem,3.5vw,3rem);display:flex}.apu-card-top-row{justify-content:space-between;align-items:center;display:flex}.apu-card-number-badge{color:#0047cc;letter-spacing:.02em;background:#0047cc0a;border:1px solid #0047cc4d;border-radius:9999px;justify-content:center;align-items:center;padding:4px 18px;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.85rem;font-weight:600;display:inline-flex}.apu-card-content{flex-direction:column;gap:.6rem;margin:auto 0;display:flex}.apu-card-meta{letter-spacing:.03em;color:#0047cc;flex-wrap:wrap;align-items:center;gap:.4rem;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.8rem;font-weight:700;display:flex}.apu-card-meta-sep{color:#0047cc80;font-size:.75rem}.apu-card-title{color:#0040be;letter-spacing:-.015em;margin:0;font-family:Instrument Serif,Georgia,serif;font-size:clamp(2.4rem,4vw,3.2rem);font-style:normal;font-weight:400;line-height:1.1}.apu-card-desc{color:#4b5568;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.92rem;line-height:1.6;display:-webkit-box;overflow:hidden}.apu-card-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.apu-btn-case{letter-spacing:.08em;text-transform:uppercase;color:#0047cc;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #0047cc;border-radius:9999px;align-items:center;gap:.55rem;padding:.65rem 1.4rem;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.apu-btn-case:hover{color:#fff;background:#0047cc;transform:translateY(-2px);box-shadow:0 8px 18px #0047cc47}.apu-btn-case svg{transition:transform .2s}.apu-btn-case:hover svg{transform:translate(3px)}.apu-btn-github-sm{letter-spacing:.06em;text-transform:uppercase;color:#0047cc;cursor:pointer;white-space:nowrap;background:#0047cc0a;border:1.5px solid #0047cc38;border-radius:9999px;align-items:center;gap:.45rem;padding:.65rem 1.15rem;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.74rem;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.apu-btn-github-sm:hover{background:#0047cc1a;border-color:#0047cc;transform:translateY(-2px)}.apu-card-preview{height:100%;padding:1.25rem 1.25rem 1.25rem 0;display:flex}.apu-preview-inner{background:#0a0e1a;border-radius:22px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.apu-card-preview-bg{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.apu-preview-svg{object-fit:cover;width:100%;height:100%}.apu-tech-row{z-index:4;flex-wrap:wrap;gap:.4rem;display:flex;position:absolute;bottom:1.2rem;left:1.2rem;right:1.2rem}.apu-badge{backdrop-filter:blur(8px);color:#ffffffe0;letter-spacing:.02em;background:#0000008c;border:1px solid #ffffff1f;border-radius:9999px;padding:3px 10px;font-family:Geist,monospace,sans-serif;font-size:.65rem;font-weight:600}.apu-emblem-overlay{pointer-events:none;z-index:3;justify-content:center;align-items:center;gap:.7rem;display:flex;position:absolute;inset:0}.apu-emblem-square{background:#fff;border-radius:4px;width:24px;height:24px;box-shadow:0 4px 16px #0000004d}.apu-emblem-circle{background:#fff;border-radius:50%;width:24px;height:24px;box-shadow:0 4px 16px #0000004d}.apu-deck-controls{justify-content:center;align-items:center;gap:1.2rem;margin-top:3.5rem;display:flex}.apu-nav-btn{color:#fff;cursor:pointer;backdrop-filter:blur(10px);background:#ffffff24;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .25s;display:flex}.apu-nav-btn:hover{background:#ffffff42;border-color:#ffffff80;transform:scale(1.06)}.apu-nav-btn:active{transform:scale(.96)}.apu-dot-indicators{align-items:center;gap:8px;display:flex}.apu-dot{cursor:pointer;background:#ffffff52;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .35s cubic-bezier(.2,.8,.2,1)}.apu-dot.is-active{background:#fff;border-radius:9999px;width:26px}.apu-nav-counter{letter-spacing:.1em;color:#ffffffd9;text-align:center;min-width:54px;font-family:Geist,monospace,sans-serif;font-size:.78rem;font-weight:600}.apu-footer{justify-content:center;margin-top:2.5rem;display:flex}.apu-footer-cta{color:#fff;letter-spacing:.04em;backdrop-filter:blur(10px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:9999px;align-items:center;gap:.6rem;padding:.7rem 1.6rem;font-family:Geist,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.apu-footer-cta:hover{color:#fff;background:#ffffff38;border-color:#ffffff73;transform:translateY(-2px)}@media (width<=900px){.apu-header{flex-direction:column;align-items:flex-start;gap:1rem}.apu-title{text-align:left}.apu-deck{height:560px}.apu-card{grid-template-rows:auto 240px;grid-template-columns:1fr}.apu-card-preview{padding:0 1.5rem 1.5rem}.apu-card-body{padding:1.8rem}}@media (width<=640px){#projects{padding:4rem 0 5rem}.apu-deck{height:600px}.apu-card{border-radius:24px;grid-template-rows:auto 200px}.apu-card-title{font-size:2rem}.apu-card-body{padding:1.5rem}.apu-btn-case{padding:.55rem 1.1rem;font-size:.7rem}.apu-card-slot[data-deck-pos="1"]{transform:translateY(-16px)scale(.97)}.apu-card-slot[data-deck-pos="2"]{transform:translateY(-30px)scale(.94)}.apu-card-slot[data-deck-pos="3"]{transform:translateY(-42px)scale(.91)}}@media (prefers-reduced-motion:reduce){.apu-card-slot,.apu-card,.apu-card-slot.is-exiting,.apu-dot{transition:none!important}}#projects .apu-deck,#projects .apu-card-slot{isolation:isolate}#projects .apu-card-slot[data-deck-pos="0"]{z-index:20}#projects .apu-card{isolation:isolate;opacity:1!important;background:#090e19 linear-gradient(135deg,#101827 0%,#090e19 58%,#080c15 100%)!important;border:1px solid #94a3b83d!important;box-shadow:0 28px 70px #00000061,inset 0 1px #ffffff0e!important}#projects .apu-card:before,#projects .apu-card:after{pointer-events:none}#projects .apu-card-body{z-index:2;gap:clamp(.65rem,1.4vw,1rem);min-width:0;min-height:0;position:relative;background:0 0!important;padding:clamp(1.25rem,2.8vw,2.35rem)!important}#projects .apu-card-content{gap:.65rem;min-width:0}#projects .apu-card-meta{line-height:1.5;color:#67c7ff!important}#projects .apu-card-title{overflow-wrap:anywhere;color:#f4f8ff!important;font-size:clamp(1.8rem,3.1vw,2.65rem)!important;line-height:1.06!important}#projects .apu-card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#c4cedd!important}#projects .apu-card-result{overflow-wrap:anywhere;border-left:2px solid #fb7185;border-radius:0 12px 12px 0;margin:0;padding:.8rem .9rem;font-size:clamp(.76rem,1vw,.88rem);line-height:1.55;color:#d4dbe8!important;background:#ffffff0e!important}#projects .apu-card-result strong{color:#f8fafc!important}#projects .apu-card-actions{z-index:3;gap:.55rem;position:relative}#projects .apu-btn-case,#projects .apu-btn-github-sm{justify-content:center;min-height:42px}#projects .apu-card-preview{z-index:1;min-width:0;min-height:0;position:relative}#projects .apu-preview-inner{background:#07101b;border:1px solid #94a3b82e;min-height:0}#projects .apu-tech-row{gap:.35rem}#projects .apu-badge{padding:4px 9px}@media (width>=901px){#projects .apu-deck{height:500px}#projects .apu-card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}#projects .apu-card-body{overflow:hidden}}@media (width<=900px){#projects .apu-deck-scene{min-height:0}#projects .apu-deck{height:660px}#projects .apu-card{grid-template-rows:minmax(0,1fr) 220px;grid-template-columns:minmax(0,1fr)}#projects .apu-card-body{overflow:auto}#projects .apu-card-preview{padding:0 1.25rem 1.25rem!important}}@media (width<=640px){#projects .apu-deck{height:720px}#projects .apu-card{grid-template-rows:minmax(0,1fr) 175px}#projects .apu-card-body{gap:.65rem;padding:1.15rem!important}#projects .apu-card-title{font-size:clamp(1.65rem,8vw,2.15rem)!important}#projects .apu-card-desc{-webkit-line-clamp:3;font-size:.84rem}#projects .apu-card-result{padding:.65rem .75rem;font-size:.75rem}#projects .apu-card-actions{gap:.45rem}#projects .apu-btn-case,#projects .apu-btn-github-sm{padding:.55rem .85rem;font-size:.66rem}#projects .apu-card-preview{padding:0 .85rem .85rem!important}#projects .apu-tech-row{bottom:.65rem;left:.65rem;right:.65rem}}#projects .apu-deck,#projects .apu-card-slot{isolation:isolate}#projects .apu-card-slot[data-deck-pos="0"]{z-index:40!important;opacity:1!important}#projects .apu-card-slot[data-deck-pos="1"]{z-index:30!important}#projects .apu-card-slot[data-deck-pos="2"]{z-index:20!important}#projects .apu-card-slot[data-deck-pos="3"]{z-index:10!important}#projects .apu-card-slot:not([data-deck-pos="0"]) .apu-card{pointer-events:none}#projects .apu-card-slot[data-deck-pos="0"] .apu-card{isolation:isolate;opacity:1!important;background-color:#080d17!important;background-image:linear-gradient(135deg,#111827 0%,#090e18 55%,#070b13 100%)!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-body{z-index:2;position:relative;background:#090e18!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-content,#projects .apu-card-slot[data-deck-pos="0"] .apu-card-actions,#projects .apu-card-slot[data-deck-pos="0"] .apu-card-top-row{z-index:2;position:relative}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-meta{color:#60a5fa!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-title{color:#f8fafc!important;text-shadow:none!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-desc{color:#cbd5e1!important;text-shadow:none!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-result{color:#dbe4f0!important;background:#ffffff0e!important}#projects .apu-card-slot[data-deck-pos="0"] .apu-card-preview{background:#070c15}@media (width>=901px){#projects .apu-deck{width:min(1040px,100%);height:520px}#projects .apu-card{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}#projects .apu-card-body{padding:clamp(1.35rem,2.5vw,2.5rem)!important}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:linear-gradient(#ff2d55cc,#7c3aed80);border-radius:999px}::-webkit-scrollbar-thumb:hover{box-shadow:0 0 12px #ff2d55b3}body{user-select:none;-webkit-touch-callout:none}input,textarea{user-select:auto}.ai-signal-section{isolation:isolate;background:radial-gradient(circle at 72%,#ff2d5513,#0000 28%),#050505;place-items:center;min-height:680px;padding:7rem 5vw 3rem;display:grid;position:relative;overflow:hidden}.ai-signal-grid{opacity:.22;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;mask-image:radial-gradient(circle at 65%,#000,#0000 72%)}.ai-signal-scan{opacity:.5;background:linear-gradient(#0000,#ff2d55,#0000);width:1px;animation:7s ease-in-out infinite ai-signal-scan;position:absolute;inset:0 auto 0 0}@keyframes ai-signal-scan{0%,to{opacity:0;left:5%}15%{opacity:.55}50%{opacity:.25;left:92%}85%{opacity:0}}.ai-signal-shell{z-index:2;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(2rem,7vw,7rem);width:min(1180px,100%);display:grid;position:relative}.ai-signal-copy{max-width:500px}.ai-signal-kicker{color:#ff5c7a;font:600 .62rem/1 var(--font-mono);letter-spacing:.2em;align-items:center;gap:.65rem;display:inline-flex}.ai-signal-kicker span{background:#ff2d55;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite ai-signal-blink;box-shadow:0 0 14px #ff2d55e6}@keyframes ai-signal-blink{50%{opacity:.3;transform:scale(.7)}}.ai-signal-copy h2{color:#fff;font:800 clamp(2.7rem, 6vw, 5.8rem)/.9 var(--font-display);letter-spacing:-.045em;margin:1.4rem 0 1.2rem}.ai-signal-copy h2 em{color:#0000;-webkit-text-stroke:1px #ffffff7a;font-style:normal}.ai-signal-copy p{color:#ffffff7a;max-width:390px;font:400 .82rem/1.7 var(--font-mono)}.ai-signal-meta{color:#ffffff7a;font:600 .58rem/1 var(--font-mono);letter-spacing:.1em;flex-wrap:wrap;gap:.65rem;margin-top:2rem;display:flex}.ai-signal-meta b{color:#ff2d55;font-weight:500}.ai-signal-orbit{--mx:0deg;--my:0deg;aspect-ratio:1;width:min(520px,82vw);transform:perspective(900px) rotateX(var(--my)) rotateY(var(--mx));margin-inline:auto;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.ai-signal-ring{border:1px solid #ff2d5538;border-radius:50%;position:absolute;inset:12%}.ai-signal-ring--one{animation:18s linear infinite ai-orbit-spin;box-shadow:0 0 45px #ff2d550b}.ai-signal-ring--two{border-color:#ffffff1a;animation:13s linear infinite ai-orbit-spin-reverse;inset:23%;transform:rotateX(68deg)}@keyframes ai-orbit-spin{to{transform:rotate(360deg)}}@keyframes ai-orbit-spin-reverse{to{transform:rotateX(68deg)rotate(-360deg)}}.ai-signal-core{text-align:center;background:radial-gradient(circle,#ff2d5526,#050505f5 65%);border:1px solid #ff2d556b;border-radius:50%;place-content:center;width:128px;height:128px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 55px #ff2d551f,inset 0 0 30px #ff2d5514}.ai-signal-core strong{color:#fff;font:800 1.25rem/1 var(--font-display);letter-spacing:.08em}.ai-signal-core small{color:#ff5c7a;font:600 .48rem/1 var(--font-mono);letter-spacing:.18em;margin-top:.4rem}.ai-signal-core-pulse{border:1px solid #ff2d5533;border-radius:50%;animation:2.4s ease-out infinite ai-core-pulse;position:absolute;inset:-10px}@keyframes ai-core-pulse{0%{opacity:.8;transform:scale(.85)}to{opacity:0;transform:scale(1.35)}}.ai-node{z-index:3;color:#ffffffb8;backdrop-filter:blur(8px);font:600 .52rem/1 var(--font-mono);letter-spacing:.12em;background:#050505d1;border:1px solid #ffffff1f;border-radius:999px;padding:.55rem .7rem;animation:4s ease-in-out infinite ai-node-float;position:absolute;box-shadow:0 8px 30px #00000059}.ai-node:before{content:"";background:#ff2d55;border-radius:50%;width:5px;height:5px;margin-right:.45rem;display:inline-block;box-shadow:0 0 8px #ff2d55cc}.ai-node--1{animation-delay:-.5s;top:13%;left:12%}.ai-node--2{animation-delay:-1.2s;top:8%;right:13%}.ai-node--3{animation-delay:-2s;top:47%;right:0}.ai-node--4{animation-delay:-.8s;bottom:13%;right:14%}.ai-node--5{animation-delay:-1.7s;bottom:9%;left:14%}.ai-node--6{animation-delay:-2.5s;top:47%;left:0}@keyframes ai-node-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.ai-signal-line{transform-origin:0;opacity:.45;background:linear-gradient(90deg,#ff2d550d,#ff2d558c,#ff2d550d);height:1px;animation:2.8s linear infinite ai-line-flow;position:absolute}.ai-line--1{width:31%;top:28%;left:19%;transform:rotate(24deg)}.ai-line--2{width:27%;top:29%;right:18%;transform:rotate(156deg)}.ai-line--3{width:30%;bottom:28%;left:18%;transform:rotate(-24deg)}.ai-line--4{width:28%;bottom:28%;right:18%;transform:rotate(204deg)}@keyframes ai-line-flow{0%{filter:brightness(.7);opacity:.25}50%{filter:brightness(1.7);opacity:.65}to{filter:brightness(.7);opacity:.25}}.ai-signal-footer{z-index:3;color:#ffffff40;font:500 .52rem/1 var(--font-mono);letter-spacing:.16em;justify-content:space-between;display:flex;position:absolute;bottom:1.5rem;left:5vw;right:5vw}.ai-signal-live{color:#ffffff6b}.ai-signal-live i{background:#34d399;border-radius:50%;width:5px;height:5px;margin-right:.4rem;display:inline-block;box-shadow:0 0 8px #34d399}@media (width<=800px){.ai-signal-section{min-height:760px;padding-top:5rem}.ai-signal-shell{grid-template-columns:1fr;gap:2rem}.ai-signal-copy{text-align:center;margin-inline:auto}.ai-signal-kicker{justify-content:center}.ai-signal-copy p{margin-inline:auto}.ai-signal-meta{justify-content:center}.ai-signal-orbit{width:min(430px,90vw)}}@media (width<=480px){.ai-signal-section{min-height:700px;padding-inline:1rem}.ai-signal-copy h2{font-size:2.8rem}.ai-node{padding:.48rem .55rem;font-size:.44rem}.ai-signal-core{width:104px;height:104px}.ai-signal-footer{left:1rem;right:1rem}}@media (prefers-reduced-motion:reduce){.ai-signal-section *,.ai-signal-section :before,.ai-signal-section :after{transition:none!important;animation:none!important}}#home{isolation:isolate}#home:after{content:"";pointer-events:none;z-index:1;border:1px solid #ffffff0b;border-radius:32px;position:absolute;inset:8% 7%}.welcome-hud{z-index:12;color:#ffffff4d;font:500 .5rem/1.2 var(--font-mono);letter-spacing:.16em;pointer-events:none;flex-direction:column;gap:.55rem;display:flex;position:absolute}.welcome-hud--left{top:50%;left:3.5vw;transform:translateY(-50%)}.welcome-hud--right{text-align:right;top:50%;right:3.5vw;transform:translateY(-50%)}.welcome-hud-label{color:#ff5c7a}.welcome-hud-line{background:linear-gradient(90deg,#ff2d55,#0000);width:42px;height:1px;margin-bottom:.25rem}.welcome-hud--right .welcome-hud-line{background:linear-gradient(90deg,#0000,#ff2d55);align-self:flex-end}.welcome-hud-status{color:#ffffff8c}.welcome-hud-status i{background:#34d399;border-radius:50%;width:5px;height:5px;margin-right:.35rem;animation:1.8s ease-in-out infinite welcome-status-pulse;display:inline-block;box-shadow:0 0 9px #34d399}@keyframes welcome-status-pulse{50%{opacity:.35}}.welcome-orbit{z-index:1;aspect-ratio:1;pointer-events:none;opacity:.55;border-radius:50%;width:min(72vw,760px);position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.welcome-orbit-ring{border:1px solid #ff2d5517;border-radius:50%;animation:22s linear infinite welcome-orbit-spin;position:absolute;inset:12%;transform:rotateX(66deg)rotate(-12deg)}.welcome-orbit-ring--b{border-color:#ffffff0e;animation-duration:16s;animation-direction:reverse;inset:25%;transform:rotateX(70deg)rotate(24deg)}.welcome-orbit-dot{background:#ff2d55;border-radius:50%;width:5px;height:5px;animation:5s linear infinite welcome-dot-orbit;position:absolute;top:12%;left:50%;box-shadow:0 0 18px 4px #ff2d5573}@keyframes welcome-orbit-spin{to{transform:rotateX(66deg)rotate(348deg)}}@keyframes welcome-dot-orbit{to{transform-origin:0 260px;transform:rotate(360deg)translateY(-2px)}}@media (width<=900px){.welcome-hud{display:none}.welcome-orbit{opacity:.4;width:120vw}#home:after{border-radius:22px;inset:4%}}@media (prefers-reduced-motion:reduce){.welcome-hud-status i,.welcome-orbit-ring,.welcome-orbit-dot{animation:none!important}}#skills{isolation:isolate;position:relative;overflow:hidden;background:#020204!important}.skills-ambient-glow{pointer-events:none;filter:blur(140px);z-index:0;border-radius:9999px;position:absolute}.skills-ambient-glow-1{background:radial-gradient(circle,#ff2d551f,#0000 70%);width:500px;height:400px;top:-10%;left:15%}.skills-ambient-glow-2{background:radial-gradient(circle,#5eea9a14,#0000 70%);width:550px;height:450px;bottom:10%;right:10%}.skills-cinema-stage{-webkit-backdrop-filter:blur(24px);background:radial-gradient(circle at 50% 0,#ff2d550a,#0000 60%),radial-gradient(circle at 85% 90%,#5eea9a08,#0000 60%),#07080de6;border:1px solid #ffffff14;border-radius:28px;margin-bottom:40px;padding:clamp(24px,4vw,48px) clamp(16px,3vw,40px);position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000c,inset 0 1px #ffffff14}.skills-laser-beams{pointer-events:none;z-index:1;opacity:.65;width:280px;height:100%;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.skills-laser-line{background:linear-gradient(#0000,#fffc,#ff2d55,#0000);width:1px;height:90px;animation:3.8s cubic-bezier(.4,0,.2,1) infinite skillsLaserFall;position:absolute;top:0}.skills-laser-line:first-child{animation-duration:3.2s;animation-delay:.2s;left:20%}.skills-laser-line:nth-child(2){height:120px;animation-duration:4.1s;animation-delay:1.4s;left:45%}.skills-laser-line:nth-child(3){animation-duration:3.6s;animation-delay:2.1s;left:70%}.skills-laser-line:nth-child(4){height:75px;animation-duration:4.5s;animation-delay:.8s;left:88%}@keyframes skillsLaserFall{0%{opacity:0;transform:translateY(-120px)}25%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translateY(600px)}}.skills-hud-nav{z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(32px,5vw,64px);display:flex;position:relative}.skills-hud-brand{color:#ffffffd9;letter-spacing:.08em;background:#ffffff08;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:10px;padding:8px 14px;font:700 11px/1 JetBrains Mono,ui-monospace,monospace;display:inline-flex}.skills-hud-brand-dot{background:#ff2d55;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff2d55}.skills-filter-pills{backdrop-filter:blur(16px);background:#0c0d14d9;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:6px;padding:5px;display:inline-flex}.skills-filter-btn{color:#fff9;letter-spacing:.03em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9999px;padding:7px 14px;font:600 11px/1 Outfit,sans-serif;transition:all .25s}.skills-filter-btn:hover{color:#fff;background:#ffffff0f}.skills-filter-btn.active{color:#fff;background:#ff2d552e;border-color:#ff2d5566;box-shadow:0 0 16px #ff2d5540}.skills-hud-status{color:#5eea9a;letter-spacing:.06em;background:#5eea9a0f;border:1px solid #5eea9a33;border-radius:9999px;align-items:center;gap:8px;padding:8px 14px;font:600 11px/1 JetBrains Mono,ui-monospace,monospace;display:inline-flex}.skills-hud-status-pulse{background:#5eea9a;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite skillsPulse;box-shadow:0 0 8px #5eea9a}@keyframes skillsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.skills-stage-grid{z-index:5;grid-template-columns:260px 1fr 260px;align-items:center;gap:20px;min-height:380px;display:grid;position:relative}.skills-hero-center{text-align:center;z-index:4;padding:0 16px;position:relative}.skills-hero-pill-badge{color:#ffffffd9;letter-spacing:.1em;backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font:600 10px/1 JetBrains Mono,ui-monospace,monospace;display:inline-flex}.skills-hero-h2{letter-spacing:-.03em;color:#fff;text-shadow:0 4px 30px #000000b3;margin-bottom:16px;font-family:Outfit,sans-serif;font-size:clamp(30px,4.2vw,56px);font-weight:800;line-height:1.12}.skills-hero-gradient{background:linear-gradient(#fff 30%,#fff6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.skills-circuit-traces{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.skills-circuit-trace-path{fill:none;stroke:#ffffff21;stroke-width:1.25px;stroke-dasharray:5 4;animation:14s linear infinite skillsTracePulse}@keyframes skillsTracePulse{to{stroke-dashoffset:-90px}}.skills-hero-desc{color:#ffffffa6;max-width:520px;margin:0 auto 26px;font-family:Inter,sans-serif;font-size:clamp(13px,1.1vw,15px);line-height:1.6}.skills-hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:inline-flex}.skills-btn-primary{color:#050508;letter-spacing:.02em;cursor:pointer;background:#fff;border:none;border-radius:9999px;align-items:center;gap:8px;padding:11px 24px;font:700 12px/1 Outfit,sans-serif;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 0 25px #ffffff40}.skills-btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 35px #fff6}.skills-btn-secondary{color:#ffffffe6;cursor:pointer;backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:8px;padding:11px 22px;font:600 12px/1 Outfit,sans-serif;text-decoration:none;transition:all .25s;display:inline-flex}.skills-btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40}.skills-node-column{z-index:5;flex-direction:column;gap:65px;display:flex;position:relative}.skills-circuit-node{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;padding:0;transition:transform .25s;display:flex;position:relative}.skills-circuit-node:hover{transform:translateY(-3px)}.skills-node-column--left .skills-circuit-node{flex-direction:row}.skills-node-column--right .skills-circuit-node{text-align:right;flex-direction:row-reverse}.skills-node-icon{backdrop-filter:blur(12px);color:#fff;background:#12141cb3;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:44px;height:44px;font-size:16px;transition:all .3s;display:grid;box-shadow:0 8px 24px #0006}.skills-circuit-node:hover .skills-node-icon,.skills-circuit-node.active .skills-node-icon{color:#ff5c7a;background:#ff2d5526;border-color:#ff2d5599;box-shadow:0 0 24px #ff2d5566}.skills-node-info{flex-direction:column;gap:3px;display:flex}.skills-node-title{color:#fff;letter-spacing:.02em;font:700 13px/1.3 Outfit,sans-serif}.skills-node-title:before{content:"• ";color:#ff2d55}.skills-node-metric{color:#ffffff73;font:500 10px/1 JetBrains Mono,ui-monospace,monospace}.skills-hud-footer{z-index:5;color:#ffffff80;border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:30px;padding-top:26px;font:600 11px/1 JetBrains Mono,ui-monospace,monospace;display:flex;position:relative}.skills-hud-progress{align-items:center;gap:12px;display:inline-flex}.skills-progress-bars{gap:4px;display:inline-flex}.skills-progress-bar{background:#ffffff26;border-radius:2px;width:18px;height:3px}.skills-progress-bar.active{background:#ff2d55;box-shadow:0 0 8px #ff2d55}.skills-tech-dock{z-index:5;background:#ffffff05;border:1px solid #ffffff0d;border-radius:18px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:16px;margin-top:24px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.skills-tech-item{color:#ffffff73;letter-spacing:.04em;align-items:center;gap:8px;font:600 11px/1 JetBrains Mono,ui-monospace,monospace;transition:all .25s;display:inline-flex}.skills-tech-item i{color:#ffffff80;font-size:18px;transition:all .25s}.skills-tech-item:hover{color:#fff;transform:translateY(-2px)}.skills-tech-item:hover i{color:#ff2d55;filter:drop-shadow(0 0 8px #ff2d5580)}#skills .technical-skill-map{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}#skills .technical-domain{-webkit-backdrop-filter:blur(16px);background:linear-gradient(145deg,#ffffff09,#ffffff02 60%,#ff2d5504);border:1px solid #ffffff14;border-radius:20px;min-width:0;padding:24px;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:0 16px 40px #00000040,inset 0 1px #ffffff0a}#skills .technical-domain:hover{background:linear-gradient(145deg,#ffffff0d,#ff2d5508);border-color:#ff2d5559;transform:translateY(-3px);box-shadow:0 20px 50px #0006,0 0 30px #ff2d5514}#skills .technical-domain.highlighted{background:linear-gradient(145deg,#ffffff12,#ff2d550f);border-color:#ff2d5599;box-shadow:0 0 35px #ff2d5540}#skills .technical-domain.dimmed{opacity:.25;filter:grayscale(.6);transform:scale(.98)}#skills .technical-domain__head{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}#skills .technical-domain__head-left{align-items:center;gap:12px;display:flex}#skills .technical-domain__head-left>span{color:#ff5c7a;background:#ff2d5514;border:1px solid #ff2d5540;border-radius:10px;place-items:center;width:34px;height:34px;font:700 11px/1 JetBrains Mono,ui-monospace,monospace;display:inline-grid}#skills .technical-domain__head h3{color:#fff;letter-spacing:.08em;margin:0;font:700 13px/1.3 Outfit,sans-serif}#skills .technical-domain__badge{color:#fff6;letter-spacing:.08em;background:#ffffff0a;border-radius:6px;padding:4px 8px;font:600 9px/1 JetBrains Mono,ui-monospace,monospace}#skills .technical-domain__skills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}#skills .technical-skill-chip{color:#ffffffd9;background:#0e0f1699;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font:500 11px/1 JetBrains Mono,ui-monospace,monospace;transition:all .2s;display:inline-flex}#skills .technical-skill-chip:hover{color:#fff;background:#ff2d5514;border-color:#ff2d5559;transform:translateY(-1px)}#skills .skill-chip-icon{color:#ff5c7a;place-items:center;width:18px;height:18px;font-size:16px;display:inline-grid}#skills .skill-chip-icon--glyph{background:#ff2d551f;border-radius:4px;font:700 10px/1 JetBrains Mono,ui-monospace,monospace}#skills .technical-skill-chip b{letter-spacing:.05em;white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:700}#skills .technical-skill-chip b.strong{color:#5eea9a;background:#5eea9a1f;border:1px solid #5eea9a40}#skills .technical-skill-chip b.working{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf840}#skills .technical-skill-chip b.learning{color:#fbbf24;background:#fbbf241f;border:1px solid #fbbf2440}#skills .technical-skills-footer{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}#skills .technical-skills-footer>span{color:#ffffff8c;background:#ffffff06;border:1px solid #ffffff12;border-radius:999px;padding:11px 16px;font:500 11px/1.4 JetBrains Mono,ui-monospace,monospace}#skills .technical-skills-footer b{color:#ff5c7a;letter-spacing:.07em;margin-right:6px;font-weight:700}@media (width<=1024px){.skills-stage-grid{grid-template-columns:1fr;gap:32px}.skills-node-column{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.skills-node-column--right .skills-circuit-node{text-align:left;flex-direction:row}.skills-laser-beams{display:none}}@media (width<=768px){.skills-hud-nav{flex-direction:column;align-items:stretch}.skills-filter-pills{-webkit-overflow-scrolling:touch;justify-content:flex-start;width:100%;padding:6px;overflow-x:auto}.skills-node-column,#skills .technical-skill-map{grid-template-columns:1fr}.skills-cinema-stage{border-radius:20px;padding:24px 16px}.skills-hero-h2{font-size:28px}}#projects .apu-footer{text-align:center;justify-content:center;align-items:center;width:100%;margin:2.5rem auto 0;display:flex}#projects .apu-footer-cta{justify-content:center;align-items:center;gap:.65rem;margin-inline:auto;display:inline-flex}.ai-signal-section{background:radial-gradient(at 78% 48%,#7c3aed17,#0000 30%),radial-gradient(at 72%,#ff2d5513,#0000 40%),#050505;min-height:620px;padding-top:5.5rem;padding-bottom:4rem}.ai-signal-shell{gap:clamp(2rem,5vw,5rem);width:min(1280px,100%)}.ai-signal-copy h2{font-size:clamp(3.2rem,6.3vw,6rem);line-height:.94}.ai-signal-copy h2 em{-webkit-text-stroke:1px #ffffff61;transition:color .25s,-webkit-text-stroke-color .25s}.ai-signal-copy:hover h2 em{-webkit-text-stroke-color:#ff5c7ad9}.ai-signal-orbit{cursor:crosshair}.ai-node{appearance:none;cursor:pointer;color:#ffffffc2;padding:.72rem .9rem;font-size:.62rem;transition:border-color .2s,background .2s,color .2s,box-shadow .2s,transform .2s}.ai-node:hover,.ai-node:focus-visible{color:#fff;background:#230a14f5;border-color:#ff2d55bf;outline:none;box-shadow:0 0 24px #ff2d552e}.ai-node.is-active{color:#fff;background:#ff2d5524;border-color:#ff456b;animation-play-state:paused;box-shadow:0 0 28px #ff2d553d,inset 0 0 16px #ff2d5514}.ai-signal-core{transition:box-shadow .3s,border-color .3s}.ai-signal-orbit.has-selection .ai-signal-core{border-color:#ff5c7ae6;box-shadow:0 0 70px #ff2d5538,0 0 110px #7c3aed1a,inset 0 0 35px #ff2d551f}.ai-signal-footer{align-items:center;gap:1rem}#ai-signal-hint{color:#ffffff7a;transition:color .2s}.ai-signal-section:has(.ai-node.is-active) #ai-signal-hint{color:#ff7c96}@media (width<=800px){.ai-signal-section{min-height:780px;padding-top:4.5rem;padding-bottom:4rem}.ai-signal-shell{gap:1.5rem}.ai-signal-copy h2{font-size:clamp(3rem,9vw,4.8rem)}.ai-signal-orbit{width:min(440px,92vw)}.ai-node{padding:.65rem .8rem}}@media (width<=480px){.ai-signal-section{min-height:720px}.ai-signal-copy h2{font-size:clamp(2.65rem,11vw,3.4rem)}.ai-signal-footer{letter-spacing:.08em;font-size:.45rem}}@media (prefers-reduced-motion:reduce){.ai-signal-section *,.ai-signal-section :before,.ai-signal-section :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.ai-signal-section{background:radial-gradient(at 77% 48%,#7c3aed21,#0000 34%),radial-gradient(at 70% 52%,#ff2d5514,#0000 43%),linear-gradient(135deg,#060608 0%,#09080e 55%,#050507 100%);min-height:650px;padding:clamp(4.5rem,8vw,7rem) 5vw 4rem}.ai-signal-grid{opacity:.16;background-size:38px 38px}.ai-signal-shell{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);width:min(1220px,100%)}.ai-signal-copy h2{letter-spacing:-.065em;max-width:620px;font-size:clamp(3.4rem,6.4vw,6.3rem);line-height:.94}.ai-signal-copy h2 em{background:linear-gradient(100deg,#ff456b 0%,#b34df4 55%,#62caff 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;background-clip:text;padding-bottom:.06em;display:inline-block}.ai-signal-copy p{color:#e6e6f09e;font-size:.88rem}.ai-signal-meta{gap:.8rem;margin-top:1.7rem}.ai-signal-orbit{filter:drop-shadow(0 20px 60px #7c3aed0f);width:min(500px,44vw)}.ai-signal-ring{border-color:#ff456b47}.ai-signal-ring--one{box-shadow:0 0 75px #ff2d5512,inset 0 0 55px #7c3aed09}.ai-signal-ring--two{border-color:#62caff33}.ai-signal-core{background:radial-gradient(circle at 35% 25%,#ff456b38,#07070bfa 68%);border-color:#ff456b9e;width:142px;height:142px;box-shadow:0 0 65px #ff2d5526,inset 0 0 32px #7c3aed1a}.ai-node{background:#0d0c13d1;border-color:#ffffff26;padding:.72rem .92rem;box-shadow:0 8px 30px #00000040}.ai-node:before{background:#ff456b}.ai-node.is-active{background:#62caff17;border-color:#62caffcc;box-shadow:0 0 30px #62caff1f}.ai-signal-orbit.has-selection .ai-signal-core{border-color:#62caffcc}@media (width<=800px){.ai-signal-section{min-height:790px;padding:4.5rem 1.25rem 4rem}.ai-signal-shell{grid-template-columns:1fr;gap:1.25rem}.ai-signal-copy h2{font-size:clamp(3.2rem,10vw,5rem)}.ai-signal-orbit{width:min(440px,90vw)}}@media (width<=480px){.ai-signal-section{min-height:730px}.ai-signal-copy h2{font-size:clamp(2.8rem,11.5vw,3.5rem)}.ai-signal-core{width:108px;height:108px}}#home .reveal-up h1{letter-spacing:-.045em!important;line-height:.98!important}#home .reveal-up:first-child h1{margin-bottom:.08em!important;font-size:clamp(4rem,12.2vw,10.5rem)!important}#home .reveal-up:nth-of-type(2) h1{margin-bottom:.12em!important;font-size:clamp(3.25rem,10.2vw,8.5rem)!important}#home .reveal-up:first-child,#home .reveal-up:nth-of-type(2){max-width:100%}#home:after{border-color:#ffffff06}#cinematic-nav{border-bottom-color:#0000!important}@media (width<=640px){#home{height:auto!important;min-height:100svh!important}#home .reveal-up:first-child h1{font-size:clamp(3.25rem,15vw,5.5rem)!important}#home .reveal-up:nth-of-type(2) h1{font-size:clamp(2.65rem,12vw,4.5rem)!important}}:root{--portfolio-accent:#ff2d55;--portfolio-glass:#0e0e12b8;--portfolio-line:#ffffff1c}html{scroll-padding-top:88px}body{background-color:#050505}#home{isolation:isolate;min-height:min(900px,100svh)}#home h1{overflow-wrap:anywhere}#home .welcome-hud{z-index:2}#home .welcome-hud-label,#home .welcome-hud-status{letter-spacing:.14em;font-size:10px}#projects,#skills,#about,#contact{scroll-margin-top:84px}#projects .apu-inner{max-width:1240px}#projects .apu-header{text-align:center;max-width:780px;margin-inline:auto}#projects .apu-title{text-wrap:balance;max-width:760px;margin-inline:auto}#projects .apu-card{-webkit-backdrop-filter:blur(18px);background:linear-gradient(145deg,#16161bf0,#07070af0);border:1px solid #ffffff1f;box-shadow:0 24px 70px #0000004d,inset 0 1px #ffffff0a}#projects .apu-card-title{letter-spacing:-.035em;text-wrap:balance}#projects .apu-card-desc{color:#c1c1ca;line-height:1.75}#projects .apu-btn-case,#projects .apu-btn-github-sm,#projects .apu-nav-btn{min-height:42px}#projects a:focus-visible,#projects button:focus-visible,#skills a:focus-visible,#skills button:focus-visible,#about a:focus-visible,#contact a:focus-visible,#contact button:focus-visible{outline-offset:4px;outline:2px solid #ff8da5}#skills .skills-cinema-stage,#about .container,#contact .container{position:relative}#skills .skills-hero-desc,#about .know-me-copy p,#contact p{max-width:68ch;line-height:1.8}#about .know-me-long strong{color:#fff}#contact .contact-left>div:first-child p{color:#c1c1ca}#contact .contact-left .contact-section,#contact .contact-left{min-width:0}img{height:auto}a,button{touch-action:manipulation}::selection{color:#fff;background:#ff2d5552}@media (width<=760px){#home{min-height:max(740px,100svh)}#home .welcome-hud{display:none}#home .welcome-orbit{opacity:.55}#projects .apu-inner{padding-inline:18px}#projects .apu-card{border-radius:20px}#projects .apu-card-actions{flex-wrap:wrap;gap:8px}#projects .apu-btn-case,#projects .apu-btn-github-sm{padding-inline:12px}#skills .skills-hud-nav{flex-wrap:wrap;gap:12px}#skills .skills-filter-pills{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}#about .grid,#contact .grid{gap:36px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}#projects .apu-card-result{color:#c5c5d0;background:#ffffff09;border-left:2px solid #ff2d55b3;border-radius:0 10px 10px 0;margin-top:10px;padding:11px 13px;font-size:12px;line-height:1.7}#projects .apu-card-result strong{color:#fff;font-weight:700}#projects .apu-card-content{min-width:0}#projects .apu-card-actions{flex-wrap:wrap}
