@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=DM+Sans:wght@300;400;500;600&family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #060810;--bg2: #0c0e18;--bg3: #111422;--bg4: #181c2e;--border: #1e2238;--border2: #272d4a;--accent: #c8f04a;--accent-d: #a4cc30;--accent-warm: #f0d44a;--accent-cool: #4af0c8;--accent-g: rgba(200,240,74,.06);--accent-glow: rgba(200,240,74,.12);--text: #eef0f8;--text-dim: #8b90b0;--text-muted: #454b6e;--font-display: "Instrument Serif", serif;--font-sans: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "Space Mono", monospace;--nav-h: 68px;--radius: 12px;--radius-lg: 18px;--content-max: 1120px;--section-pad-x: 5rem;--section-pad-y: 6rem;--ease: cubic-bezier(.4, 0, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1)}html{scroll-behavior:smooth;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:clip;cursor:none;line-height:1.6;min-height:100%;height:auto}@media(hover:none)and (pointer:coarse){body{cursor:auto}}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;background:none}img{max-width:100%;height:auto;display:block}.app{position:relative}.cursor-dot{position:fixed;width:6px;height:6px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:99999;transform:translate(-50%,-50%)}.cursor-ring{position:fixed;width:28px;height:28px;border:1.5px solid rgba(200,240,74,.4);border-radius:50%;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:width .12s cubic-bezier(.4,0,.2,1),height .12s cubic-bezier(.4,0,.2,1),border-color .15s ease;will-change:transform}.cursor-ring.hovering{width:52px!important;height:52px!important;border-color:var(--accent);border-width:1px;box-shadow:0 0 12px #c8f04a4d}.liquid-glass{background:#ffffff0a;backdrop-filter:blur(16px) saturate(1.5);-webkit-backdrop-filter:blur(16px) saturate(1.5);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #ffffff0a;border:1px solid rgba(255,255,255,.1)}@keyframes popIn{0%{opacity:0;transform:scale(.88) translateY(24px)}70%{transform:scale(1.02) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fadeRise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes floatUp{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-20px);opacity:1}}@keyframes pulse{0%,to{box-shadow:0 0 #c8f04a80}50%{box-shadow:0 0 0 6px #c8f04a00}}@keyframes scrollBounce{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes menuSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes expPanelIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes liIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-pop-in{animation:popIn .7s var(--spring) both}.animate-pop-in-delay{animation:popIn .7s var(--spring) .15s both}.animate-pop-in-delay-2{animation:popIn .7s var(--spring) .3s both}.animate-pop-in-delay-3{animation:popIn .7s var(--spring) .45s both}.animate-pop-in-delay-4{animation:popIn .7s var(--spring) .6s both}.nav-logo-img{height:36px;width:auto;object-fit:contain;display:block;border-radius:6px;transition:opacity .2s}.top-nav-logo--img{background:none;border:none;padding:0;line-height:0;flex-shrink:0}.top-nav-logo--img:hover .nav-logo-img{opacity:.8}.nav-logo-fallback{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:-.03em}.mobile-logo-img{height:44px;width:auto;object-fit:contain;border-radius:8px;margin:0 auto}.footer-logo{display:flex;align-items:center;margin-bottom:.5rem}.footer-logo-img{height:44px;min-width:120px;object-fit:contain;border-radius:8px}.footer-brand{display:flex;flex-direction:column;gap:.75rem}.top-nav{position:fixed;top:0;left:0;right:0;z-index:200;padding:.75rem 0;transition:all .35s var(--ease)}.top-nav--scrolled{background:#060810d9;backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--border);box-shadow:0 4px 32px #0006;padding:.5rem 0}.top-nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:1320px;margin:0 auto;padding:0 2rem}.top-nav-logo{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--accent);letter-spacing:-.03em;flex-shrink:0;transition:opacity .2s}.top-nav-logo:hover{opacity:.75}.logo-lt{color:var(--text-muted)}.top-nav-links{display:flex;align-items:center;gap:.1rem;flex:1;justify-content:center;overflow:hidden}.top-nav-link{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);padding:.4rem .6rem;border-radius:6px;transition:all .2s;text-transform:lowercase;letter-spacing:.02em;white-space:nowrap}.top-nav-link:hover{color:var(--text);background:#ffffff0a}.top-nav-link.active{color:var(--accent);background:var(--accent-g)}.top-nav-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.avail-pill{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.65rem;color:var(--accent);border:1px solid rgba(200,240,74,.2);border-radius:20px;padding:.28rem .75rem;background:var(--accent-g);white-space:nowrap}.avail-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite;flex-shrink:0}.nav-cta-btn{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:#000;background:var(--accent);padding:.45rem 1rem;border-radius:6px;transition:all .2s var(--ease);letter-spacing:.03em;white-space:nowrap}.nav-cta-btn:hover{background:var(--accent-d);transform:translateY(-1px)}.hamburger{display:none;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:40px;height:40px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);cursor:pointer;flex-shrink:0}.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0;transform:translate(-8px)}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;inset:0;z-index:190;background:var(--bg2);pointer-events:none;opacity:0;transition:opacity .3s var(--ease);overflow-y:auto}.mobile-menu.open{pointer-events:all;opacity:1}.mobile-menu-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:5rem 2rem 3rem;gap:.5rem;animation:menuSlideIn .35s var(--ease) both}.mobile-logo{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;color:var(--accent);cursor:pointer;margin-bottom:.5rem;background:none;border:none;line-height:0;padding:0}.mobile-avail{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.65rem;color:var(--accent);margin-bottom:1.5rem}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%}.mobile-nav-link{display:flex;align-items:center;gap:1rem;width:100%;max-width:280px;padding:.7rem 1rem;border-radius:var(--radius);cursor:pointer;transition:all .2s;background:none;animation:fadeRise .4s both}.mobile-nav-link:hover{background:var(--bg3)}.mnl-num{font-family:var(--font-mono);font-size:.62rem;color:var(--accent);width:24px}.mnl-label{font-family:var(--font-sans);font-size:1.1rem;color:var(--text);text-transform:capitalize}.mobile-footer-actions{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:280px;margin-top:1.5rem}.mob-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;font-weight:700;transition:all .2s;cursor:pointer;border:none;text-align:center}.mob-btn.primary{background:var(--accent);color:#000}.mob-btn.wa{background:#25d366;color:#fff}.mob-btn.outline{background:none;color:var(--text);border:1px solid var(--border2)}.mob-btn:hover{opacity:.85;transform:translateY(-1px)}.mobile-contact-txt{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);text-align:center;margin-top:.75rem;word-break:break-all}.hero-section{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-scrim{position:absolute;inset:0;background:linear-gradient(160deg,#060810b8,#06081059 40%,#060810a6);z-index:1}.hero-particles{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:var(--accent);border-radius:50%;opacity:0;animation:floatUp var(--dur, 5s) ease-in-out var(--del, 0s) infinite}.hero-body{position:relative;z-index:10;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 3rem) 1.5rem 6rem}.hero-tag{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;color:var(--accent);border:1px solid rgba(200,240,74,.25);border-radius:20px;padding:.35rem 1rem;background:#c8f04a0f;margin-bottom:1.75rem;letter-spacing:.06em}.hero-headline{font-family:var(--font-display);font-size:clamp(2.6rem,7vw,7rem);font-weight:400;line-height:.92;letter-spacing:-.05em;color:#fff;max-width:900px;margin-bottom:1.75rem}.hero-em{font-style:italic;color:#ffffff8c}.hero-em-2{font-style:italic;background:linear-gradient(135deg,var(--accent-warm) 0%,var(--accent) 50%,var(--accent-cool) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtext{font-family:var(--font-body);font-size:clamp(.9rem,1.5vw,1.05rem);color:#ffffffa6;max-width:520px;line-height:1.8;margin-bottom:2.5rem}.hero-ctas{display:flex;align-items:center;gap:1rem;margin-bottom:4rem;flex-wrap:wrap;justify-content:center}.hero-cta-primary{font-family:var(--font-mono);font-size:.85rem;font-weight:700;color:#fff;padding:.9rem 2.25rem;border-radius:999px;transition:transform .25s var(--spring),box-shadow .25s;letter-spacing:.03em}.hero-cta-primary:hover{transform:scale(1.04) translateY(-2px);box-shadow:0 12px 40px #0006}.hero-cta-ghost{font-family:var(--font-mono);font-size:.82rem;color:#ffffffb3;padding:.9rem 2rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .25s;letter-spacing:.02em}.hero-cta-ghost:hover{border-color:#fff6;color:#fff;transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem;padding:1.25rem 2rem;background:#ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:999px;flex-wrap:wrap;justify-content:center}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.hero-stat-num{font-family:var(--font-sans);font-size:1.4rem;font-weight:800;color:var(--accent);line-height:1}.hero-stat-label{font-family:var(--font-mono);font-size:.6rem;color:#ffffff73;text-align:center;letter-spacing:.04em;text-transform:uppercase}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.4rem}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,rgba(200,240,74,.6),transparent);transform-origin:top;animation:scrollBounce 2s ease-in-out infinite}.scroll-indicator span{font-family:var(--font-mono);font-size:.56rem;color:#ffffff59;letter-spacing:.15em;text-transform:uppercase}.main-content{width:100%;overflow-x:clip}.section{padding:var(--section-pad-y) var(--section-pad-x);border-bottom:1px solid var(--border);position:relative;overflow-x:clip}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 0%,rgba(200,240,74,.02) 0%,transparent 70%);pointer-events:none}.reveal{opacity:0;transform:translateY(40px) scale(.98);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0) scale(1)}.section-header{max-width:var(--content-max);margin-left:auto;margin-right:auto}.section>*:not(.section-header){max-width:var(--content-max);width:100%;margin-left:auto;margin-right:auto}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2.5rem;width:100%}.section-num{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);flex-shrink:0}.section-title{font-family:var(--font-sans);font-size:1.8rem;font-weight:800;letter-spacing:-.04em;flex-shrink:0}.section-line{flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent);min-width:0}.section-intro{color:var(--text-dim);font-size:.9rem;margin-bottom:2.25rem;max-width:580px;line-height:1.8}.about-grid{display:grid;grid-template-columns:1fr 300px;gap:4rem;align-items:start;max-width:var(--content-max)}.about-text-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.about-lead{font-size:1.05rem;font-weight:500;color:var(--text);line-height:1.7}.about-text-col p{color:var(--text-dim);line-height:1.9;font-size:.9rem}.about-text-col strong{color:var(--text)}.about-text-col em{color:var(--accent);font-style:normal}.about-values{display:flex;flex-direction:column;gap:.65rem;margin-top:.75rem}.value-item{display:flex;gap:1rem;align-items:flex-start;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem;transition:border-color .25s,transform .25s var(--ease)}.value-item:hover{border-color:#c8f04a40;transform:translate(4px)}.value-icon{font-size:1.1rem;flex-shrink:0;margin-top:.1rem}.value-item strong{display:block;font-size:.875rem;color:var(--text);margin-bottom:.25rem;font-family:var(--font-sans);font-weight:700}.value-item p{font-size:.8rem;color:var(--text-dim);margin:0;line-height:1.65}.about-sidebar{position:sticky;top:calc(var(--nav-h) + 1.5rem)}.profile-card-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;text-align:center;position:relative;overflow:hidden}.profile-card-box:before{content:"";position:absolute;top:-40px;left:50%;transform:translate(-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(200,240,74,.08) 0%,transparent 70%);pointer-events:none}.profile-avatar-wrap{position:relative;width:120px;height:120px;margin:0 auto 1.1rem;flex-shrink:0}.profile-avatar{width:100%;height:100%;border-radius:50%;overflow:hidden;border:2px solid var(--border2)}.profile-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 20%;transition:transform .3s var(--ease);display:block}.profile-avatar img:hover{transform:scale(1.06)}.profile-avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:1px solid rgba(200,240,74,.3);animation:glowPulse 3s ease-in-out infinite}.profile-name{font-family:var(--font-sans);font-weight:700;font-size:.95rem;margin-bottom:.3rem}.profile-role{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);line-height:1.6}.profile-divider{height:1px;background:var(--border);margin:1.1rem 0}.profile-info-list{display:flex;flex-direction:column;gap:.5rem;text-align:left}.pil-item{display:flex;justify-content:space-between;gap:.5rem;font-family:var(--font-mono);font-size:.63rem}.pil-key{color:var(--text-muted);flex-shrink:0}.pil-val{color:var(--text-dim);text-align:right;word-break:break-word}.profile-social{display:flex;gap:.4rem;justify-content:center;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:.38rem .7rem;transition:all .2s}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.social-btn--wa:hover{border-color:#25d366;color:#25d366}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:var(--content-max)}.service-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;position:relative;overflow:hidden;transition:all .3s var(--ease)}.service-card:hover{border-color:#c8f04a40;transform:translateY(-5px);box-shadow:0 20px 48px #0006,0 0 0 1px #c8f04a0f}.service-card-glow{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(200,240,74,.04),transparent);opacity:0;transition:opacity .3s}.service-card:hover .service-card-glow{opacity:1}.service-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:scaleX(0);transform-origin:center;transition:transform .35s var(--ease)}.service-card:hover:after{transform:scaleX(1)}.service-icon-wrap{font-size:1.8rem;margin-bottom:1rem}.service-title{font-family:var(--font-sans);font-weight:700;font-size:.92rem;margin-bottom:.6rem;line-height:1.3}.service-desc{font-size:.8rem;color:var(--text-dim);line-height:1.75}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:var(--content-max)}.skill-category{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.4rem;transition:border-color .25s,transform .25s var(--ease)}.skill-category:hover{border-color:#c8f04a26;transform:translateY(-2px)}.skill-cat-title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-bottom:1.2rem;display:flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.05em}.cat-arrow{color:var(--accent)}.skill-items{display:flex;flex-direction:column;gap:.85rem}.skill-row-top{display:flex;justify-content:space-between;margin-bottom:.3rem}.skill-name{font-family:var(--font-mono);font-size:.73rem;color:var(--text)}.skill-pct{font-family:var(--font-mono);font-size:.65rem;color:var(--accent)}.skill-bar-track{height:3px;background:var(--bg4);border-radius:2px;overflow:hidden}.skill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-d),var(--accent),rgba(200,240,74,.6));border-radius:2px;transition:width 1s var(--ease);width:0%}.edu-main-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem;max-width:var(--content-max);position:relative;overflow:hidden}.edu-main-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(200,240,74,.04) 0%,transparent 70%);pointer-events:none}.edu-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.edu-badge-pill{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);border:1px solid rgba(200,240,74,.25);border-radius:20px;padding:.2rem .7rem;margin-bottom:.65rem;display:inline-block;background:var(--accent-g)}.edu-degree{font-family:var(--font-sans);font-weight:800;font-size:clamp(1.1rem,2.5vw,1.4rem);letter-spacing:-.03em;margin-bottom:.4rem}.edu-school{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.edu-period-badge{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .9rem;white-space:nowrap;height:fit-content}.edu-body{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.edu-thesis-box{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem}.edu-thesis-label{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.7rem;color:var(--accent);margin-bottom:.75rem;letter-spacing:.04em}.edu-thesis-title{font-size:.85rem;font-weight:600;color:var(--text);line-height:1.55;margin-bottom:.6rem}.edu-thesis-sub{font-size:.78rem;color:var(--text-dim);line-height:1.75;margin-bottom:1rem}.edu-thesis-tech{display:flex;flex-wrap:wrap;gap:.35rem}.eth-chip{font-family:var(--font-mono);font-size:.63rem;color:var(--accent);border:1px solid rgba(200,240,74,.2);border-radius:4px;padding:.18rem .5rem;background:var(--accent-g)}.edu-act-title{font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);margin-bottom:.9rem;letter-spacing:.04em}.edu-act-grid{display:flex;flex-direction:column;gap:.55rem}.edu-act-item{display:flex;align-items:flex-start;gap:.55rem;font-size:.8rem;color:var(--text-dim);line-height:1.55}.edu-act-icon{flex-shrink:0;font-size:.85rem;margin-top:.05rem}.tv-section{margin-top:2rem;border-top:1px solid var(--border);padding-top:1.5rem}.tv-section-label{display:flex;align-items:center;gap:.45rem;font-family:var(--font-mono);font-size:.65rem;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.1rem;opacity:.8}.tv-body{display:grid;grid-template-columns:190px 1fr;gap:1rem;align-items:start}.tv-tabs{display:flex;flex-direction:column;gap:.45rem}.tv-tab{background:transparent;border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.2rem;text-align:left;transition:all .2s var(--ease);position:relative;overflow:hidden;width:100%}.tv-tab:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);transform:scaleY(0);transform-origin:bottom;transition:transform .25s var(--ease);border-radius:0 2px 2px 0}.tv-tab:hover{border-color:var(--border2);background:var(--bg3)}.tv-tab.active{border-color:#c8f04a4d;background:#c8f04a0a}.tv-tab.active:before{transform:scaleY(1)}.tv-tab-badge{font-family:var(--font-mono);font-size:.66rem;font-weight:700;border-radius:4px;padding:.1rem .4rem;display:inline-block;width:fit-content;letter-spacing:.02em}.badge-v8{background:#7dd3fc1a;color:#7dd3fc;border:1px solid rgba(125,211,252,.2)}.badge-v9{background:var(--accent-g);color:var(--accent);border:1px solid rgba(200,240,74,.2)}.tv-tab-config{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);line-height:1.4}.tv-tab.active .tv-tab-config{color:var(--text-dim)}.tv-player-wrap{background:#000;border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #00000080;transition:border-color .2s}.tv-player-wrap:hover{border-color:#c8f04a26}.tv-player-header{display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:var(--bg3);border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.6rem}.tv-player-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #c8f04a80;animation:pulse 2s ease-in-out infinite;flex-shrink:0}.tv-player-title{color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tv-yt-link{color:var(--accent);font-size:.58rem;opacity:.5;transition:opacity .2s;flex-shrink:0;letter-spacing:.04em}.tv-yt-link:hover{opacity:1}.tv-embed-shorts{display:flex;justify-content:center;background:#000;overflow:hidden}.tv-embed-shorts iframe{width:100%;aspect-ratio:9/16;max-height:480px;border:none;display:block}.exp-layout{display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start;max-width:var(--content-max)}.exp-tabs{display:flex;flex-direction:column;gap:0}.exp-tab{background:none;border:none;border-left:2px solid var(--border);padding:.9rem 1.1rem;text-align:left;transition:all .2s var(--ease);display:flex;flex-direction:column;gap:.15rem}.exp-tab:hover{background:var(--bg2);border-left-color:var(--border2)}.exp-tab.active{border-left-color:var(--accent);background:var(--accent-g)}.exp-tab-num{font-family:var(--font-mono);font-size:.6rem;color:var(--accent)}.exp-tab-role{font-family:var(--font-sans);font-weight:700;font-size:.8rem;color:var(--text)}.exp-tab.active .exp-tab-role{color:var(--accent)}.exp-tab-co{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted)}.exp-detail{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.75rem;min-height:280px;min-width:0}.exp-panel{display:none}.exp-panel.active{display:block;animation:expPanelIn .35s var(--ease) both}.exp-panel-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.exp-role{font-family:var(--font-sans);font-weight:700;font-size:1.05rem;color:var(--text)}.exp-company-inline{color:var(--accent);font-weight:400;font-size:.9rem}.exp-location{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);margin-top:.25rem}.exp-right-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;flex-shrink:0}.exp-period{font-family:var(--font-mono);font-size:.7rem;color:var(--accent)}.exp-type-badge{font-family:var(--font-mono);font-size:.62rem;color:var(--text-muted);border:1px solid var(--border);border-radius:4px;padding:.12rem .5rem}.exp-highlights{display:flex;flex-direction:column;gap:.85rem;list-style:none}.exp-highlights li{display:flex;gap:.75rem;align-items:flex-start;animation:liIn .35s var(--ease) both}.exp-bullet{color:var(--accent);flex-shrink:0;margin-top:.1rem;font-size:.7rem}.exp-highlights span{font-size:.87rem;color:var(--text-dim);line-height:1.8}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:var(--content-max)}.project-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.65rem;display:flex;flex-direction:column;gap:.65rem;transition:all .3s var(--ease);position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s}.project-card:hover{border-color:#c8f04a33;transform:translateY(-5px);box-shadow:0 20px 48px #00000059}.project-card:hover:before{opacity:1}.project-card-top{display:flex;justify-content:space-between;align-items:center}.project-num{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.project-highlight{font-family:var(--font-mono);font-size:.62rem;border-radius:4px;padding:.15rem .5rem;border:1px solid}.hl-thesis{color:#7dd3fc;border-color:#7dd3fc4d;background:#7dd3fc0d}.hl-open-source{color:var(--accent);border-color:#c8f04a4d;background:var(--accent-g)}.hl-client-work{color:#fcd34d;border-color:#fcd34d4d;background:#fcd34d0d}.hl-personal-project{color:var(--accent);border-color:#c8f04a4d;background:var(--accent-g)}.project-title{font-family:var(--font-sans);font-weight:700;font-size:.97rem;line-height:1.25}.project-subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted)}.project-desc{font-size:.81rem;color:var(--text-dim);line-height:1.75;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.35rem}.project-badge{font-family:var(--font-mono);font-size:.63rem;color:var(--text-muted);background:var(--bg3);border:1px solid var(--border);border-radius:4px;padding:.15rem .45rem}.project-links{display:flex;gap:.5rem;margin-top:.2rem;flex-wrap:wrap}.proj-link-btn{font-family:var(--font-mono);font-size:.7rem;padding:.38rem .8rem;border-radius:6px;transition:all .2s;display:inline-flex;align-items:center;gap:.35rem;border:1px solid}.proj-link-btn.ghost{color:var(--text-muted);border-color:var(--border);background:none}.proj-link-btn.ghost:hover{color:var(--text);border-color:var(--border2)}.proj-link-btn.accent{color:#000;background:var(--accent);border-color:var(--accent);font-weight:700}.proj-link-btn.accent:hover{background:var(--accent-d);border-color:var(--accent-d)}.confidential-badge{opacity:.45;cursor:default!important}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start;max-width:var(--content-max)}.contact-heading{font-family:var(--font-sans);font-weight:800;font-size:1.5rem;letter-spacing:-.03em;margin-bottom:.9rem}.contact-text{font-size:.88rem;color:var(--text-dim);line-height:1.85;margin-bottom:1.75rem}.contact-text strong{color:var(--text)}.contact-info-cards{display:flex;flex-direction:column;gap:.7rem}.cic{display:flex;align-items:center;gap:1rem;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:.95rem 1.1rem;transition:all .25s var(--ease)}.cic:hover{border-color:#c8f04a40;transform:translate(5px)}.cic-icon{width:38px;height:38px;background:var(--bg3);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:1px solid var(--border);color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:.75rem}.cic-body{flex:1;min-width:0}.cic-label{font-family:var(--font-mono);font-size:.63rem;color:var(--text-muted);margin-bottom:.15rem}.cic-value{font-family:var(--font-mono);font-size:.76rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cic-arrow{font-size:.85rem;flex-shrink:0;color:var(--accent);opacity:.5;transition:all .2s}.cic:hover .cic-arrow{opacity:1;transform:translate(2px,-2px)}.contact-form-box{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.85rem;position:relative;overflow:hidden}.contact-form-box:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(200,240,74,.04) 0%,transparent 70%);pointer-events:none}.cfb-title{font-family:var(--font-sans);font-weight:700;font-size:1rem;margin-bottom:1.4rem}.contact-form{display:flex;flex-direction:column;gap:.9rem}.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.cf-group{display:flex;flex-direction:column;gap:.35rem}.cf-label{font-family:var(--font-mono);font-size:.67rem;color:var(--text-muted)}.cf-input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:max(.78rem,16px);padding:.65rem .9rem;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;-webkit-text-size-adjust:100%}.cf-input:focus{border-color:#c8f04a66;box-shadow:0 0 0 3px #c8f04a0f}.cf-input::placeholder{color:var(--text-muted)}.cf-select{appearance:none;-webkit-appearance:none;cursor:pointer}.cf-textarea{resize:vertical;min-height:100px}.cf-error{color:#ff6b6b;font-family:var(--font-mono);font-size:.73rem}.cf-submit{background:var(--accent);color:#000;border:none;padding:.8rem;font-family:var(--font-mono);font-size:.8rem;font-weight:700;border-radius:8px;transition:all .2s var(--ease);letter-spacing:.04em;margin-top:.15rem;width:100%;min-height:44px}.cf-submit:hover{background:var(--accent-d);transform:translateY(-1px);box-shadow:0 8px 24px #c8f04a33}.cf-submit:disabled{opacity:.6;transform:none}.site-footer{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);max-width:var(--content-max);margin-left:auto;margin-right:auto}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem;align-items:start}.footer-tagline{font-family:var(--font-display);font-style:italic;font-size:.95rem;color:var(--text-muted);line-height:1.5;margin-top:.5rem}.footer-fb-label{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);margin-bottom:.5rem}.footer-fb-form{display:flex;flex-direction:column;gap:.4rem}.footer-fb-input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:.72rem;padding:.5rem .7rem;resize:none;outline:none;transition:border-color .2s}.footer-fb-input:focus{border-color:#c8f04a4d}.footer-fb-input::placeholder{color:var(--text-muted)}.footer-fb-btn{background:var(--accent);color:#000;border:none;border-radius:6px;font-family:var(--font-mono);font-size:.7rem;font-weight:700;padding:.42rem;transition:opacity .2s;letter-spacing:.04em;min-height:36px}.footer-fb-btn:hover{opacity:.85}.footer-links{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.footer-link{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);transition:color .2s;padding:.1rem 0}.footer-link:hover{color:var(--accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-family:var(--font-mono);font-size:.64rem;color:var(--text-muted);padding-top:1.25rem;border-top:1px solid var(--border)}@media(max-width:1280px){:root{--section-pad-x: 3rem;--content-max: 960px}.services-grid,.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}@media(max-width:1100px){:root{--section-pad-x: 2.5rem}.top-nav-inner{padding:0 1.5rem}.about-grid{grid-template-columns:1fr;gap:2.5rem}.about-sidebar{position:static}.profile-card-box{display:flex;gap:1.5rem;align-items:center;text-align:left;flex-wrap:wrap;padding:1.4rem}.profile-avatar-wrap{width:80px;height:80px;margin:0}.profile-card-box:before{display:none}.profile-social{justify-content:flex-start}.edu-body{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.tv-body{grid-template-columns:150px 1fr}.top-nav-links{gap:0}.top-nav-link{font-size:.66rem;padding:.32rem .45rem}.avail-pill{display:none}}@media(max-width:900px){.hamburger,.mobile-menu{display:flex}.top-nav-links,.top-nav-actions{display:none}:root{--section-pad-x: 1.5rem;--section-pad-y: 4.5rem}.nav-logo-img{height:32px}.exp-layout{grid-template-columns:1fr;gap:1.25rem}.exp-tabs{flex-direction:row;overflow-x:auto;border-left:none;border-bottom:2px solid var(--border);padding-bottom:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory}.exp-tabs::-webkit-scrollbar{display:none}.exp-tab{border-left:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;flex-shrink:0;padding:.65rem 1rem;scroll-snap-align:center}.exp-tab.active{border-bottom-color:var(--accent);background:none}.exp-detail{padding:1.35rem;min-height:unset}.cf-row{grid-template-columns:1fr}.services-grid,.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr;gap:1.5rem}.footer-links{flex-direction:row;flex-wrap:wrap;gap:.75rem 1.5rem}.hero-stats{gap:1.5rem;padding:1rem 1.5rem}.cic-value{font-size:.7rem}}@media(max-width:600px){:root{--section-pad-x: 1rem;--section-pad-y: 3.5rem}.section-title{font-size:1.3rem}.section-intro{font-size:.84rem;margin-bottom:1.35rem}.hero-headline{letter-spacing:-.03em;line-height:1}.hero-body{padding:calc(var(--nav-h) + 2rem) 1rem 5rem}.hero-ctas{flex-direction:column;gap:.65rem;width:100%}.hero-cta-primary,.hero-cta-ghost{width:100%;text-align:center;justify-content:center}.hero-stats{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;border-radius:var(--radius-lg);padding:1rem}.hero-stat-label{font-size:.55rem}.services-grid,.skills-grid,.projects-grid{grid-template-columns:1fr;gap:.75rem}.edu-main-card{padding:1.2rem}.edu-degree{font-size:1.1rem}.edu-header-row{flex-direction:column}.tv-body{grid-template-columns:1fr}.tv-tabs{flex-direction:row;flex-wrap:wrap;gap:.3rem;overflow-x:auto;scrollbar-width:none}.tv-tabs::-webkit-scrollbar{display:none}.tv-tab{flex:1;min-width:120px;padding:.5rem .6rem;border-radius:8px}.tv-embed-shorts iframe{max-height:360px}.exp-panel-top{flex-direction:column;gap:.5rem}.exp-right-meta{flex-direction:row;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.exp-role{font-size:.95rem}.exp-company-inline{font-size:.82rem}.project-links{flex-direction:row}.proj-link-btn{flex:1;justify-content:center;font-size:.67rem}.profile-card-box{flex-direction:column;text-align:center;padding:1.35rem}.profile-avatar-wrap{width:100px;height:100px;margin:0 auto}.profile-social{justify-content:center}.pil-item{font-size:.6rem}.cic{padding:.8rem .9rem;gap:.75rem}.cic-icon{width:34px;height:34px}.contact-form-box{padding:1.2rem}.contact-heading{font-size:1.25rem}.footer-bottom{flex-direction:column;text-align:center;gap:.3rem}.footer-top{gap:1.25rem}.value-item{padding:.8rem 1rem}.value-item:hover{transform:none}}@media(max-width:400px){:root{--section-pad-x: .85rem}.section-title{font-size:1.15rem}.hero-stat-num{font-size:1.1rem}.hero-tag{font-size:.64rem;padding:.28rem .7rem}.tv-embed-shorts iframe{max-height:300px}.tv-tab-config{display:none}.top-nav-inner{padding:0 1rem}.exp-detail,.edu-main-card,.contact-form-box{padding:1rem}.profile-info-list{gap:.4rem}.nav-logo-img{height:28px}}@media(hover:none)and (pointer:coarse){.service-card:hover,.skill-category:hover,.project-card:hover,.cic:hover{transform:none}.top-nav-link,.mob-btn,.cf-submit,.footer-fb-btn,.nav-cta-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.top-nav-link{min-height:36px}}