:root{--dk: #0f172a;--dk1: #1e293b;--dk2: #334155;--dk3: #475569;--dkt0: #f1f5f9;--dkt1: #94a3b8;--dkt2: #475569;--lt: #ffffff;--lt1: #f8fafc;--lt2: #f1f5f9;--lt3: #e2e8f0;--lkt0: #0f172a;--lkt1: #475569;--lkt2: #94a3b8;--em: #10b981;--eml: #059669;--emdk: rgba(16,185,129,.1);--emlt: rgba(5,150,105,.08);--emb: rgba(16,185,129,.22);--grotesk: "Space Grotesk", system-ui, sans-serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--mw: 1120px;--px: clamp(20px, 5.5vw, 80px);--sec: clamp(88px, 10vw, 128px);--ease: cubic-bezier(.16, 1, .3, 1);--t: .28s var(--ease)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--lt);color:var(--lkt0);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;cursor:none}@media (hover:none){body{cursor:auto}}img{display:block;max-width:100%}::selection{background:var(--emlt);color:var(--eml)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:var(--dk)}::-webkit-scrollbar-thumb{background:var(--em);border-radius:2px}.c-dot{width:7px;height:7px;background:var(--em);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:background .2s,width .2s,height .2s}.c-ring{width:36px;height:36px;border:1.5px solid rgba(16,185,129,.55);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .35s var(--ease),height .35s var(--ease),opacity .35s,border-color .35s}.c-ring.grow{width:52px;height:52px;opacity:.4;border-color:var(--em)}@media (hover:none){.c-dot,.c-ring{display:none}}.progress{position:fixed;top:0;left:0;height:2px;background:var(--em);z-index:10000;width:0%;transition:width .08s linear}.wrap{max-width:var(--mw);margin:0 auto;padding:0 var(--px)}.sec{padding:var(--sec) 0}.lt{background:var(--lt)}.lt1{background:var(--lt1)}.eyebrow{font-family:var(--mono);font-size:.67rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--lkt2);display:flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow:before{content:"";width:20px;height:1px;background:var(--eml);flex-shrink:0}.eyebrow-dk{font-family:var(--mono);font-size:.67rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dkt2);display:flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow-dk:before{content:"";width:20px;height:1px;background:var(--em);flex-shrink:0}.h2{font-family:var(--grotesk);font-size:clamp(2rem,4vw,2.9rem);font-weight:700;letter-spacing:-.04em;line-height:1.06;color:var(--lkt0)}.h2 em{font-style:italic;color:var(--eml);font-family:var(--sans);font-weight:400}.sec-wrap{position:relative}.sec-num{position:absolute;font-family:var(--grotesk);font-size:clamp(6rem,16vw,11rem);font-weight:700;letter-spacing:-.08em;color:#0f172a0a;line-height:1;top:-28px;left:-12px;z-index:0;-webkit-user-select:none;user-select:none;pointer-events:none}.sec-content{position:relative;z-index:1}.sr{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.sr.in{opacity:1;transform:none}.d1{transition-delay:55ms}.d2{transition-delay:.11s}.d3{transition-delay:165ms}.d4{transition-delay:.22s}.d5{transition-delay:275ms}.d6{transition-delay:.33s}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;font-family:var(--sans);font-size:.86rem;font-weight:600;border-radius:8px;text-decoration:none;border:none;cursor:none;letter-spacing:-.01em;transition:var(--t)}.btn-em{background:var(--em);color:#fff;box-shadow:0 4px 20px #10b9814d}.btn-em:hover{background:#34d399;transform:translateY(-2px);box-shadow:0 8px 28px #10b98166}.btn-ol-lt{background:transparent;color:var(--dkt0);border:1px solid var(--dk2)}.btn-ol-lt:hover{background:var(--dk1);transform:translateY(-2px)}.btn-dark{background:var(--lkt0);color:#fff}.btn-dark:hover{background:var(--dk1);transform:translateY(-2px);box-shadow:0 6px 20px #0f172a33}.btn-ol-dk{background:transparent;color:var(--lkt1);border:1px solid var(--lt3)}.btn-ol-dk:hover{border-color:var(--lkt2);color:var(--lkt0);background:var(--lt1);transform:translateY(-1px)}.nav{position:fixed;inset:0 0 auto 0;z-index:900;padding:22px 0;transition:padding var(--t),background var(--t),border-color var(--t)}.nav.lit{background:#ffffffeb;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border-bottom:1px solid var(--lt3);padding:13px 0}.nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo{font-family:var(--mono);font-size:.8rem;font-weight:500;text-decoration:none;letter-spacing:.04em;color:var(--dkt0);flex-shrink:0;transition:color var(--t)}.nav-logo em{font-style:normal;color:var(--em)}.nav.lit .nav-logo{color:var(--lkt0)}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{font-size:.82rem;font-weight:400;color:var(--dkt1);text-decoration:none;transition:color var(--t)}.nav-links a:hover{color:var(--dkt0)}.nav.lit .nav-links a{color:var(--lkt1)}.nav.lit .nav-links a:hover{color:var(--lkt0)}.nav-links .cta{color:var(--dkt0);padding:7px 16px;border:1px solid var(--dk2);border-radius:7px}.nav-links .cta:hover{background:var(--dk1)}.nav.lit .nav-links .cta{color:var(--lkt0);border-color:var(--lt3)}.nav.lit .nav-links .cta:hover{background:var(--lt1);border-color:var(--lkt2)}.nav.lit .burger span{background:var(--lkt1)}.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:4px}.burger span{display:block;width:20px;height:1.5px;background:var(--dkt1);transition:var(--t)}.burger.x span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}.burger.x span:nth-child(2){opacity:0}.burger.x span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}.drawer{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:899;background:#fffffff7;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;align-items:center;justify-content:center;gap:24px}.drawer.on{display:flex}.drawer a{font-family:var(--grotesk);font-size:2.2rem;font-weight:700;letter-spacing:-.04em;color:var(--lkt0);text-decoration:none;transition:color var(--t)}.drawer a:hover{color:var(--eml)}.hero{background:var(--dk);background-image:radial-gradient(ellipse 60% 55% at 75% 30%,rgba(16,185,129,.08) 0%,transparent 100%);min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-top:80px;position:relative}.hero-layout{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:72px;padding-bottom:60px}.slash-label{font-family:var(--mono);font-size:.78rem;color:var(--dkt2);letter-spacing:.08em;margin-bottom:28px;display:flex;align-items:center;gap:10px;animation:fadeup .6s var(--ease) both}.slash-label .sl{color:var(--em);font-size:1rem;margin-right:2px}.badge{display:inline-flex;align-items:center;gap:8px;padding:5px 13px 5px 8px;background:var(--emdk);border:1px solid var(--emb);border-radius:100px;font-family:var(--mono);font-size:.67rem;color:var(--em);letter-spacing:.03em;margin-bottom:24px;animation:fadedown .6s var(--ease) both}.badge-dot{width:6px;height:6px;background:var(--em);border-radius:50%;animation:breathe 2.4s ease infinite}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadedown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes fadeup{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.hero-name{font-family:var(--grotesk);font-size:clamp(3.8rem,10vw,8.5rem);font-weight:700;letter-spacing:-.05em;line-height:.88;color:var(--dkt0);margin-bottom:28px;animation:fadeup .7s var(--ease) .06s both}.hero-name .line2{display:block;-webkit-text-stroke:1px rgba(241,245,249,.3);color:transparent;transition:color .4s}.hero-name .line2:hover{color:var(--em);-webkit-text-stroke:0}.hero-role{font-family:var(--mono);font-size:clamp(.85rem,1.6vw,1.05rem);color:var(--dkt2);margin-bottom:24px;animation:fadeup .7s var(--ease) .13s both}.hero-role .sl{color:var(--dk2);margin-right:4px}.typed-text{color:var(--dkt1)}.caret{display:inline-block;width:2px;height:.88em;background:var(--em);margin-left:1px;vertical-align:text-bottom;animation:blink .9s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-bio{font-size:1rem;font-weight:300;color:var(--dkt1);line-height:1.82;max-width:500px;margin-bottom:32px;animation:fadeup .7s var(--ease) .2s both}.hero-bio strong{color:var(--dkt0);font-weight:500}.hero-btns{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px;animation:fadeup .7s var(--ease) .27s both}.hero-loc{font-family:var(--mono);font-size:.7rem;color:var(--dkt2);letter-spacing:.04em;display:flex;align-items:center;gap:10px;animation:fadeup .7s var(--ease) .33s both}.hero-loc i{color:var(--em);font-size:.64rem}.hero-loc .sep{width:3px;height:3px;background:var(--dk2);border-radius:50%}.photo-real{width:280px;height:280px;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--dk2);box-shadow:0 0 0 4px var(--emdk),0 32px 72px #00000080;display:block}.photo-col{display:flex;justify-content:flex-end;animation:fadeup .8s var(--ease) .2s both}.hero-stats{border-top:1px solid var(--dk2);padding:32px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;animation:fadeup .7s var(--ease) .4s both}.hstat{padding:0 32px;border-right:1px solid var(--dk2)}.hstat:first-child{padding-left:0}.hstat:last-child{border-right:none}.hstat-val{font-family:var(--grotesk);font-size:2rem;font-weight:700;letter-spacing:-.04em;color:var(--dkt0);line-height:1;margin-bottom:6px}.hstat-val span{color:var(--em)}.hstat-lbl{font-family:var(--mono);font-size:.62rem;color:var(--dkt2);letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.scroll-cue{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;animation:show .6s ease 2s forwards}@keyframes show{to{opacity:.3}}.scroll-cue span{font-family:var(--mono);font-size:.56rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dkt2)}.scroll-line{width:1px;height:34px;background:linear-gradient(to bottom,var(--dkt2),transparent);animation:pulseLine 2.2s ease-in-out infinite}@keyframes pulseLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee-section{background:var(--dk1);border-top:1px solid var(--dk2);border-bottom:1px solid var(--dk2);padding:18px 0;overflow:hidden;-webkit-user-select:none;user-select:none}.marquee-track{display:flex;align-items:center;gap:0;width:max-content;animation:marquee 32s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-item{font-family:var(--grotesk);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dkt1);padding:0 28px;white-space:nowrap;transition:color var(--t)}.marquee-item:hover{color:var(--dkt0)}.marquee-sep{color:var(--em);font-size:1rem;flex-shrink:0;line-height:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:72px;align-items:start;margin-top:52px}.about-body p{font-size:1.02rem;font-weight:300;color:var(--lkt1);line-height:1.9;margin-bottom:18px}.about-body p:last-child{margin-bottom:0}.about-body strong{color:var(--lkt0);font-weight:600}.kv-list{display:flex;flex-direction:column}.kv{display:flex;flex-direction:column;gap:3px;padding:15px 0;border-bottom:1px solid var(--lt3)}.kv:first-child{border-top:1px solid var(--lt3)}.kv-k{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lkt2)}.kv-v{font-size:.93rem;font-weight:600;color:var(--lkt0);font-family:var(--grotesk)}.kv-v.live{color:var(--eml)}.sk-table{margin-top:48px;display:flex;flex-direction:column;border-top:1px solid var(--lt3)}.sk-row{display:grid;grid-template-columns:210px 1fr;gap:24px;align-items:start;padding:22px 0;border-bottom:1px solid var(--lt3);transition:background var(--t)}.sk-row:hover{background:var(--lt);margin:0 -20px;padding:22px 20px;border-color:transparent;border-radius:10px;box-shadow:0 1px 12px #0f172a0f}.sk-name{display:flex;align-items:flex-start;gap:10px;padding-top:3px}.sk-num{font-family:var(--mono);font-size:.58rem;color:var(--lkt2);letter-spacing:.04em;padding-top:2px;flex-shrink:0}.sk-cat{font-family:var(--grotesk);font-size:.88rem;font-weight:600;color:var(--lkt0);letter-spacing:-.01em}.sk-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;align-items:center;padding:4px 12px;background:var(--lt);border:1px solid var(--lt3);border-radius:6px;font-size:.76rem;font-weight:500;color:var(--lkt1);transition:var(--t);box-shadow:0 1px 2px #0f172a0a}.tag:hover{background:var(--lt2);border-color:var(--lkt2);color:var(--lkt0)}.proj-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:44px;gap:16px}.proj-stack{display:flex;flex-direction:column;gap:16px}.pcard{background:var(--lt);border:1px solid var(--lt3);border-radius:16px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 1px 4px #0f172a0f,0 4px 16px #0f172a0a;transition:box-shadow var(--t),border-color var(--t),transform var(--t)}.pcard:hover{border-color:var(--lkt2);box-shadow:0 4px 24px #0f172a1a,0 16px 40px #0f172a14;transform:translateY(-3px)}.pcard-meta{padding:36px;display:flex;flex-direction:column;border-right:1px solid var(--lt3)}.pcard-num{font-family:var(--mono);font-size:.62rem;color:var(--lkt2);letter-spacing:.06em;margin-bottom:16px}.pcard-title{font-family:var(--grotesk);font-size:1.35rem;font-weight:700;letter-spacing:-.03em;color:var(--lkt0);margin-bottom:10px;line-height:1.25}.pcard-desc{font-size:.88rem;font-weight:300;color:var(--lkt1);line-height:1.76;margin-bottom:22px;flex:1}.pcard-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}.mtag{padding:3px 9px;background:var(--emlt);border:1px solid rgba(5,150,105,.2);border-radius:5px;font-family:var(--mono);font-size:.66rem;font-weight:500;color:var(--eml)}.pcard-links{display:flex;gap:14px}.plink{font-size:.8rem;font-weight:600;color:var(--lkt1);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color var(--t)}.plink:hover{color:var(--eml)}.plink.off{opacity:.3;pointer-events:none}.pcard-detail{padding:36px;display:flex;flex-direction:column;justify-content:center;background:var(--lt1)}.pcard-detail-head{font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--lkt2);margin-bottom:18px}.pcard-list{list-style:none}.pcard-list li{font-size:.86rem;font-weight:300;color:var(--lkt1);line-height:1.6;padding:9px 0 9px 18px;border-bottom:1px solid var(--lt3);position:relative}.pcard-list li:first-child{border-top:1px solid var(--lt3)}.pcard-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;background:var(--eml);border-radius:50%}.tl{margin-top:48px;padding-left:24px;position:relative}.tl:before{content:"";position:absolute;left:0;top:6px;bottom:0;width:1px;background:linear-gradient(to bottom,var(--eml) 0%,transparent 80%)}.tl-dot{position:absolute;left:-28px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--eml);box-shadow:0 0 0 3px #05966926,0 0 12px #05966933}.tl-time{font-family:var(--mono);font-size:.67rem;color:var(--eml);letter-spacing:.06em;margin-bottom:8px}.tl-title{font-family:var(--grotesk);font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:var(--lkt0);margin-bottom:4px}.tl-sub{font-size:.86rem;color:var(--lkt1);margin-bottom:14px}.tl-sub span{color:var(--lkt2)}.tl-text{font-size:.9rem;font-weight:300;color:var(--lkt1);line-height:1.8;max-width:620px;margin-bottom:20px}.courses{display:flex;flex-wrap:wrap;gap:6px}.cpill{padding:4px 12px;background:var(--lt);border:1px solid var(--lt3);border-radius:5px;font-size:.73rem;color:var(--lkt1);transition:var(--t);box-shadow:0 1px 2px #0f172a0a}.cpill:hover{border-color:var(--lkt2);color:var(--lkt0)}.int-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}.int-tag{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:var(--lt);border:1px solid var(--lt3);border-radius:8px;font-size:.83rem;font-weight:500;color:var(--lkt1);transition:var(--t);box-shadow:0 1px 3px #0f172a0d}.int-tag i{font-size:.72rem;color:var(--eml)}.int-tag:hover{background:var(--lt1);border-color:var(--lkt2);color:var(--lkt0);transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.contact-section{background:var(--dk);background-image:radial-gradient(ellipse 60% 60% at 30% 70%,rgba(16,185,129,.06) 0%,transparent 100%)}.contact-section .h2{color:var(--dkt0)}.contact-section .h2 em{color:var(--em)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;margin-top:48px;align-items:start}.contact-note{font-size:1rem;font-weight:300;color:var(--dkt1);line-height:1.84;margin-bottom:32px}.contact-items{display:flex;flex-direction:column}.citem{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--dk2);text-decoration:none;color:var(--dkt1);transition:color var(--t)}.citem:first-child{border-top:1px solid var(--dk2)}.citem:hover{color:var(--dkt0)}.citem:hover .citem-icon{color:var(--em);border-color:var(--emb)}.citem-icon{width:36px;height:36px;border:1px solid var(--dk2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--dkt2);flex-shrink:0;transition:var(--t)}.citem-body{flex:1;min-width:0}.citem-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dkt2);margin-bottom:2px}.citem-val{font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.citem i.arr{font-size:.7rem;color:var(--dk2);margin-left:auto;flex-shrink:0}.cta-block{display:flex;flex-direction:column;gap:20px}.cta-heading{font-family:var(--grotesk);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--dkt0)}.cta-heading em{font-style:italic;color:var(--em);font-family:var(--sans);font-weight:300}.cta-sub{font-size:.92rem;font-weight:300;color:var(--dkt1);line-height:1.8}footer{background:var(--dk);border-top:1px solid var(--dk2);padding:28px 0}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.foot-copy{font-family:var(--mono);font-size:.66rem;color:var(--dkt2)}.foot-soc{display:flex;gap:8px}.soc-icon{width:30px;height:30px;border:1px solid var(--dk2);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.76rem;color:var(--dkt2);text-decoration:none;transition:var(--t);cursor:none}.soc-icon:hover{border-color:var(--em);color:var(--em);transform:translateY(-2px)}@media (max-width:1040px){.hero-layout{grid-template-columns:1fr;gap:44px}.photo-col{justify-content:flex-start}.hero-stats{grid-template-columns:repeat(2,1fr)}.hstat{padding:16px 0;border-right:none;border-bottom:1px solid var(--dk2)}.hstat:nth-child(odd){border-right:1px solid var(--dk2);padding-right:20px}.about-grid{grid-template-columns:1fr;gap:44px}.pcard{grid-template-columns:1fr}.pcard-meta{border-right:none;border-bottom:1px solid var(--lt3)}.contact-grid{grid-template-columns:1fr;gap:44px}.sk-row{grid-template-columns:170px 1fr}.sec-num{font-size:clamp(4rem,10vw,7rem)}}@media (max-width:768px){.nav-links{display:none}.burger{display:flex}.sk-row{grid-template-columns:1fr;gap:10px}.sk-row:hover{margin:0;padding:22px 0;box-shadow:none}.foot-row{flex-direction:column;text-align:center}.hero-stats{grid-template-columns:1fr 1fr}.hstat{padding:16px 12px}}@media (max-width:480px){.hero-btns{flex-direction:column}.btn{justify-content:center}.photo-real{width:200px;height:200px}.pcard-simple{flex-direction:column;gap:14px}.hero-stats{grid-template-columns:1fr 1fr}}