:root{--font-display: "Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--indigo: #6366f1;--violet: #8b5cf6;--cyan: #22d3ee;--gradient: linear-gradient(110deg, var(--indigo), var(--violet) 45%, var(--cyan));--gradient-solid: linear-gradient(110deg, #4f46e5, #7c3aed);--radius-sm: 12px;--radius: 18px;--radius-lg: 26px;--max-width: 1180px;--nav-height: 72px;--ease: cubic-bezier(.22, 1, .36, 1)}:root,:root[data-theme=dark]{--bg: #070a16;--panel: rgba(255, 255, 255, .035);--panel-solid: #0d1224;--surface: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .22);--text: #eef1fb;--text-muted: #a3abc7;--text-faint: #8891ae;--accent-text: #a5b4fc;--on-accent: #ffffff;--shadow: 0 28px 70px -30px rgba(0, 0, 0, .95);--glow-a: rgba(99, 102, 241, .3);--glow-b: rgba(34, 211, 238, .16);--grid-line: rgba(255, 255, 255, .032);--live: #34d399}:root[data-theme=light]{--bg: #f7f8fd;--panel: rgba(255, 255, 255, .8);--panel-solid: #ffffff;--surface: rgba(28, 32, 68, .045);--border: rgba(28, 32, 68, .12);--border-strong: rgba(28, 32, 68, .26);--text: #10132b;--text-muted: #4d5474;--text-faint: #5f6683;--accent-text: #4338ca;--on-accent: #ffffff;--shadow: 0 24px 56px -30px rgba(30, 35, 80, .35);--glow-a: rgba(99, 102, 241, .16);--glow-b: rgba(34, 211, 238, .12);--grid-line: rgba(28, 32, 68, .045);--live: #0d7350}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-height) + 24px);-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .4s var(--ease),color .4s var(--ease)}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.14;letter-spacing:-.03em;text-wrap:balance}a{color:inherit;text-decoration:none}ul{list-style:none;padding:0}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}::selection{background:var(--indigo);color:#fff}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:24px}.section{padding-block:clamp(78px,10vw,138px);position:relative}.section--tint{background:linear-gradient(180deg,transparent,var(--surface) 22%,transparent)}.section-head{max-width:700px;margin-bottom:clamp(40px,5vw,64px)}.section-head--center{margin-inline:auto;text-align:center}.eyebrow{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-text);margin-bottom:18px}.section-title{font-size:clamp(2.1rem,4.8vw,3.2rem)}.section-title em,.hero__name em{font-style:normal;background:var(--gradient);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}@keyframes shimmer{to{background-position:200% center}}.section-sub{margin-top:18px;color:var(--text-muted);font-size:1.05rem;max-width:58ch}.section-head--center .section-sub{margin-inline:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease)}.panel:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow)}.panel__title{font-family:var(--font-sans);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);margin-bottom:18px}.chip{display:inline-block;padding:6px 13px;font-size:.79rem;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;white-space:nowrap}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:999px;font-weight:600;font-size:.94rem;border:1px solid transparent;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--gradient-solid);background-size:180% auto;color:#fff;box-shadow:0 14px 34px -14px var(--glow-a)}.btn--primary:hover{background-position:right center;box-shadow:0 20px 44px -14px var(--glow-a)}.btn--ghost{border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover{border-color:var(--cyan);color:var(--accent-text)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--reveal-delay, 0ms)}.reveal.is-visible{opacity:1;transform:none}.skills__grid>.reveal,.contact__grid>.reveal,.about__aside>.reveal,.exp>.reveal,.impact>.reveal{display:flex}.skills__grid>.reveal>*,.contact__grid>.reveal>*,.about__aside>.reveal>*,.exp>.reveal>*,.impact>.reveal>*{width:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden}.backdrop__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 76% 54% at 50% 0%,#000 34%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 76% 54% at 50% 0%,#000 34%,transparent 100%)}.backdrop__glow{position:absolute;border-radius:50%;filter:blur(120px)}.backdrop__glow--a{width:640px;height:640px;top:-280px;left:-140px;background:var(--glow-a);animation:float-a 24s ease-in-out infinite}.backdrop__glow--b{width:520px;height:520px;top:22%;right:-200px;background:var(--glow-b);animation:float-b 28s ease-in-out infinite}@keyframes float-a{50%{transform:translate(90px,70px) scale(1.12)}}@keyframes float-b{50%{transform:translate(-80px,-50px) scale(1.1)}}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:100;display:flex;align-items:center;border-bottom:1px solid transparent;transition:background .35s var(--ease),border-color .35s var(--ease)}.nav.is-scrolled{background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border-bottom-color:var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.nav__brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:700;font-size:1rem;letter-spacing:-.02em}.nav__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-strong);flex-shrink:0}.nav__links{display:flex;align-items:center;gap:4px}.nav__link{position:relative;padding:9px 15px;font-size:.9rem;font-weight:500;color:var(--text-muted);border-radius:999px;transition:color .25s var(--ease)}.nav__link:hover,.nav__link.is-active{color:var(--text)}.nav__link.is-active:after{content:"";position:absolute;left:15px;right:15px;bottom:3px;height:2px;border-radius:2px;background:var(--gradient)}.nav__actions{display:flex;align-items:center;gap:10px}.icon-btn{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--panel);color:var(--text-muted);transition:color .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease)}.icon-btn:hover{color:var(--text);border-color:var(--cyan);transform:translateY(-2px)}.nav__burger{display:none}.nav__mobile{position:fixed;inset:var(--nav-height) 0 auto 0;max-height:calc(100svh - var(--nav-height));overflow-y:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--bg) 97%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:14px 24px 28px;display:grid;gap:2px;animation:drop .28s var(--ease)}@keyframes drop{0%{opacity:0;transform:translateY(-10px)}}.nav__mobile a{padding:14px 4px;color:var(--text-muted);border-bottom:1px solid var(--border)}.nav__mobile a.is-active{color:var(--accent-text)}.nav__mobile a.btn--primary{color:#fff;border-bottom:0;margin-top:18px;padding:14px 28px}@media (max-width: 900px){.nav__links,.nav__actions .btn{display:none}.nav__burger{display:grid}}.hero{min-height:100svh;display:flex;align-items:center;padding-top:calc(var(--nav-height) + 40px);padding-bottom:70px}.hero__bento{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center;width:100%}.hero__badge{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:.82rem;color:var(--text-muted);margin-bottom:28px}.hero__pulse{position:relative;width:7px;height:7px;border-radius:50%;background:var(--live);flex-shrink:0}.hero__pulse:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--live);animation:pulse 2.2s ease-out infinite}@keyframes pulse{to{transform:scale(3.4);opacity:0}}.hero__name{font-size:clamp(2.7rem,7vw,4.6rem);margin-bottom:18px}.hero__role{font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.3rem);font-weight:500;color:var(--text-muted);margin-bottom:22px;min-height:1.6em}.hero__role .cursor{display:inline-block;width:3px;height:1.05em;vertical-align:-.18em;margin-left:4px;background:var(--cyan);animation:blink 1.05s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.hero__tagline{color:var(--text-muted);font-size:1.08rem;max-width:52ch;margin-bottom:28px}.hero__meta{display:flex;flex-wrap:wrap;gap:10px 24px;color:var(--text-muted);font-size:.89rem;margin-bottom:32px}.hero__meta span,.hero__meta a{display:inline-flex;align-items:center;gap:8px}.hero__meta a:hover{color:var(--accent-text)}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.hero__socials{display:flex;gap:10px}.hero__portrait{position:relative;justify-self:center;width:min(100%,340px)}.hero__portrait:before{content:"";position:absolute;top:-18px;right:-18px;bottom:-18px;left:-18px;border-radius:50%;background:radial-gradient(circle at 50% 30%,var(--glow-a),transparent 70%);filter:blur(26px)}.hero__photo{position:relative;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center 20%;border-radius:50%;border:2px solid var(--border-strong);box-shadow:var(--shadow)}.hero__portrait-caption{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;background:var(--panel-solid);border:1px solid var(--border-strong);box-shadow:var(--shadow);white-space:nowrap}.hero__portrait-caption b{font-size:.88rem}.hero__portrait-caption span:not(.hero__available){display:none}.hero__available{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--live);border:1px solid color-mix(in srgb,var(--live) 36%,transparent);background:color-mix(in srgb,var(--live) 13%,transparent);padding:4px 9px;border-radius:999px}.hero__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:clamp(46px,6vw,74px)}.stat{padding:24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .4s var(--ease),border-color .4s var(--ease)}.stat:hover{transform:translateY(-4px);border-color:var(--border-strong)}.stat__value{font-family:var(--font-display);font-size:clamp(1.9rem,3.8vw,2.5rem);font-weight:700;line-height:1;letter-spacing:-.04em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.stat__label{margin-top:10px;font-size:.82rem;color:var(--text-muted);line-height:1.45}@media (max-width: 900px){.hero__bento{grid-template-columns:1fr}.hero__portrait{order:-1;width:min(62%,250px)}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.about__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(28px,5vw,56px);align-items:start}.about__text p+p{margin-top:18px}.about__text p{color:var(--text-muted);font-size:1.05rem}.about__aside{display:grid;gap:16px}.edu+.edu{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}.edu__degree{font-weight:600;font-size:.97rem}.edu__school{color:var(--text-muted);font-size:.87rem;margin-top:4px}.edu__foot{display:flex;justify-content:space-between;gap:12px;margin-top:10px;font-size:.81rem;color:var(--text-faint)}.edu__grade{color:var(--accent-text);font-weight:600}.about__services{display:grid;gap:11px}.about__services li{display:flex;align-items:center;gap:11px;font-size:.91rem;color:var(--text-muted)}@media (max-width: 880px){.about__grid{grid-template-columns:1fr}}.impact{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px;margin-bottom:14px}.impact__item{padding:22px 20px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);height:100%;transition:border-color .4s var(--ease),transform .4s var(--ease)}.impact__item:hover{border-color:var(--border-strong);transform:translateY(-3px)}.impact__value{font-family:var(--font-display);font-size:1.75rem;font-weight:700;line-height:1;letter-spacing:-.04em;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.impact__label{margin-top:9px;font-size:.83rem;color:var(--text-muted);line-height:1.45}.impact__note{font-size:.79rem;color:var(--text-faint);margin-bottom:34px}.exp{display:grid;gap:18px}.exp__card{padding:clamp(26px,4vw,40px)}.exp__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px}.exp__role{font-size:1.4rem}.exp__company{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:7px;color:var(--accent-text);font-weight:600;font-size:.96rem}.badge-now{font-size:.67rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:999px;color:var(--live);background:color-mix(in srgb,var(--live) 13%,transparent);border:1px solid color-mix(in srgb,var(--live) 34%,transparent)}.exp__when{text-align:right;font-size:.85rem;color:var(--text-muted)}.exp__when small{display:block;color:var(--text-faint);font-size:.77rem;margin-top:2px}.exp__summary{margin-top:22px;color:var(--text-muted);font-size:1rem}.exp__resp{display:grid;gap:11px;margin-top:24px}.exp__resp li{position:relative;padding-left:26px;color:var(--text-muted);font-size:.93rem}.exp__resp li:before{content:"";position:absolute;left:0;top:.52em;width:14px;height:2px;border-radius:2px;background:var(--gradient)}.exp__stack{margin-top:28px;padding-top:22px;border-top:1px solid var(--border)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:16px}.skill__head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.skill__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--accent-text);flex-shrink:0}.skill h3{font-family:var(--font-sans);font-size:1.02rem;font-weight:600;letter-spacing:-.01em}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px}.filter{padding:9px 20px;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--text-muted);font-size:.86rem;font-weight:500;transition:all .3s var(--ease)}.filter:hover{color:var(--text);border-color:var(--border-strong)}.filter.is-active{background:var(--gradient-solid);color:#fff;border-color:transparent}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(318px,1fr));gap:18px}.project{display:flex;flex-direction:column;position:relative;overflow:hidden;animation:pop .5s var(--ease) backwards}@keyframes pop{0%{opacity:0;transform:translateY(16px)}}.project:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(360px circle at var(--mx, 50%) var(--my, 0%),var(--glow-a),transparent 62%);opacity:0;transition:opacity .4s var(--ease);pointer-events:none}.project:hover:before{opacity:1}.project__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.project__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;font-size:1.3rem;background:var(--surface);border:1px solid var(--border)}.project__domain{font-size:.71rem;font-weight:500;color:var(--accent-text);padding:5px 11px;border-radius:999px;border:1px solid var(--border);text-align:right}.project h3{font-family:var(--font-sans);font-size:1.08rem;font-weight:600;letter-spacing:-.015em;margin-bottom:10px}.project__blurb{color:var(--text-muted);font-size:.91rem;margin-bottom:16px}.project__impact{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;margin-bottom:16px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--indigo) 13%,transparent);border:1px solid color-mix(in srgb,var(--indigo) 30%,transparent);font-size:.84rem}.project__impact svg{flex-shrink:0;margin-top:2px;color:var(--cyan)}.project__stack{margin-bottom:18px}.project__foot{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.project__status{font-size:.76rem;color:var(--text-faint)}.project__status--wip{color:var(--accent-text);font-weight:600}.project__links{display:flex;gap:14px}.project__link{font-size:.83rem;font-weight:600;color:var(--accent-text);display:inline-flex;align-items:center;gap:5px;transition:gap .25s var(--ease)}.project__link:hover{gap:9px}.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:26px;padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);margin-bottom:22px;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:320px;height:320px;right:-110px;top:-140px;border-radius:50%;background:var(--glow-a);filter:blur(70px);pointer-events:none}.cta>*{position:relative}.cta h3{font-size:clamp(1.3rem,2.6vw,1.7rem);margin-bottom:10px}.cta p{color:var(--text-muted);font-size:.96rem;max-width:46ch}.cta__actions{display:flex;flex-wrap:wrap;gap:12px}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px}.contact-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 18px}.contact-card__icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:15px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--accent-text);transition:background .35s var(--ease),color .35s var(--ease)}.contact-card:hover .contact-card__icon{background:var(--gradient-solid);color:#fff}.contact-card__label{font-size:.7rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:7px}.contact-card__value{font-weight:600;font-size:.9rem;overflow-wrap:anywhere}.footer{border-top:1px solid var(--border);padding-block:34px}.footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;color:var(--text-faint);font-size:.85rem}.footer__links{display:flex;gap:20px}.footer__links a:hover{color:var(--accent-text)}.to-top{position:fixed;right:22px;bottom:22px;z-index:90;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--panel-solid);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(14px);transition:all .35s var(--ease)}.to-top.is-visible{opacity:1;visibility:visible;transform:none}.to-top:hover{background:var(--gradient-solid);color:#fff;border-color:transparent}@media (max-width: 640px){.hero__role{min-height:3.2em}}@media (max-width: 560px){.container{padding-inline:18px}.projects__grid{grid-template-columns:1fr}.exp__when{text-align:left}}