:root{--bg: #07090c;--bg-elev: #0b1014;--bg-elev-2: #0f1520;--panel: rgba(11, 16, 22, .5);--panel-border: rgba(0, 255, 156, .18);--panel-border-strong: rgba(0, 255, 156, .45);--line: rgba(255, 255, 255, .07);--text: #d9e3ea;--text-dim: #8a98a5;--text-muted: #5a6772;--accent: #00ff9c;--accent-2: #19c37d;--accent-soft: rgba(0, 255, 156, .12);--accent-glow: rgba(0, 255, 156, .35);--warn: #ffb454;--danger: #ff5d5d;--font-sans: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--maxw: 1200px;--radius: 14px;--radius-sm: 8px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}ul{list-style:none;padding:0;margin:0}::selection{background:var(--accent);color:#000}.container{max-width:var(--maxw);margin:0 auto;padding:0 28px;width:100%}.matrix-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.18;pointer-events:none;mask-image:radial-gradient(circle at 50% 30%,black 0%,black 40%,transparent 85%);-webkit-mask-image:radial-gradient(circle at 50% 30%,black 0%,black 40%,transparent 85%)}.floatbg{position:absolute;top:0;left:0;right:0;bottom:0;min-height:100vh;z-index:1;overflow:hidden;pointer-events:none}.floatbg__inner{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.floatbg,.floatbg *,.floatbg *:before,.floatbg *:after{pointer-events:none!important}.floatbg__item{position:absolute;font-family:var(--font-mono);color:var(--accent);white-space:pre;margin:0;text-shadow:0 0 18px rgba(0,255,156,.55),0 0 4px rgba(0,255,156,.35);animation:floatDrift var(--duration, 18s) ease-in-out var(--delay, 0s) infinite alternate;-webkit-user-select:none;user-select:none;font-weight:600;letter-spacing:.02em}.floatbg__item--math{line-height:1.4}.floatbg__item--glyph{font-weight:700}.floatbg__item--code{color:#8be9d6;text-shadow:0 0 12px rgba(139,233,214,.5),0 0 4px rgba(139,233,214,.35);font-weight:500}@keyframes floatDrift{0%{translate:0 0}to{translate:var(--drift-x, 0) var(--drift-y, 0)}}.app:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(900px 600px at 80% 10%,rgba(0,255,156,.08),transparent 60%),radial-gradient(700px 500px at 10% 90%,rgba(25,195,125,.08),transparent 60%),linear-gradient(180deg,#06080b,#07090c 40%,#05070a);pointer-events:none}.app{position:relative;z-index:1}main{position:relative}.nav{z-index:50}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;transition:background .22s ease,padding .22s ease,backdrop-filter .22s ease,border-color .22s ease;border-bottom:1px solid transparent}.nav--scrolled{background:#07090cc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 0;border-bottom-color:var(--line)}.nav__inner{max-width:var(--maxw);margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.nav__brand{font-family:var(--font-mono);font-weight:700;font-size:15px;letter-spacing:.02em;color:var(--text)}.nav__brand-bracket{color:var(--accent)}.nav__brand-name{padding:0 6px}.nav__brand-accent{color:var(--accent)}.nav__links{display:flex;gap:6px;align-items:center}.nav__links button{font-family:var(--font-mono);font-size:13px;color:var(--text-dim);padding:8px 14px;border-radius:var(--radius-sm);transition:color .18s ease,background .18s ease}.nav__links button:hover{color:var(--accent);background:var(--accent-soft)}.nav__num{color:var(--accent);margin-right:6px}.nav__cta{font-family:var(--font-mono);font-size:13px;color:var(--accent);border:1px solid var(--panel-border-strong);padding:8px 14px;border-radius:var(--radius-sm);margin-left:10px;transition:all .18s ease}.nav__cta:hover{background:var(--accent-soft);text-decoration:none;box-shadow:0 0 24px var(--accent-glow)}.nav__burger{display:none;flex-direction:column;gap:4px;padding:8px}.nav__burger span{width:22px;height:2px;background:var(--accent);transition:transform .22s ease,opacity .2s ease;border-radius:2px}.nav__burger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav__burger.is-open span:nth-child(2){opacity:0}.nav__burger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:14px;padding:12px 20px;border-radius:var(--radius-sm);border:1px solid transparent;transition:all .18s ease;text-decoration:none;white-space:nowrap}.btn--lg{padding:16px 28px;font-size:15px}.btn--primary{background:var(--accent);color:#001a10;font-weight:700;box-shadow:0 0 0 0 var(--accent-glow)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 30px -5px var(--accent-glow),0 0 30px var(--accent-glow);text-decoration:none}.btn--ghost{background:transparent;color:var(--accent);border-color:var(--panel-border-strong)}.btn--ghost:hover{background:var(--accent-soft);text-decoration:none}section{position:relative;padding:120px 0;z-index:2}.section__header{margin-bottom:56px;max-width:800px}.section__kicker{display:flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:13px;color:var(--accent);margin-bottom:14px;letter-spacing:.05em}.section__num{display:inline-flex;align-items:center;font-weight:700}.section__line{display:inline-block;width:60px;height:1px;background:var(--panel-border-strong)}.section__kicker-text{color:var(--text-dim)}.section__title{font-family:var(--font-sans);font-size:clamp(28px,4vw,44px);font-weight:700;line-height:1.1;letter-spacing:-.01em;margin:0}.section__subtitle{color:var(--text-dim);margin-top:14px;max-width:640px}.hero{min-height:100vh;display:flex;align-items:center;padding:140px 0 80px;position:relative}.hero__inner{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center}.hero__greeting{font-family:var(--font-mono);color:var(--accent);font-size:14px;margin:0 0 18px;letter-spacing:.02em}.hero__prompt{margin-right:8px}.hero__name{font-family:var(--font-sans);font-size:clamp(40px,7vw,76px);font-weight:700;line-height:1.02;letter-spacing:-.02em;margin:0}.hero__name-line{display:block}.hero__name-line--accent{color:var(--text-dim)}.hero__role{font-family:var(--font-mono);font-size:clamp(18px,2.4vw,24px);font-weight:500;color:var(--text-dim);margin:18px 0 22px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.hero__role-static{color:var(--text-dim)}.hero__role-typed{color:var(--accent)}.hero__caret{color:var(--accent);animation:blink 1s steps(2) infinite;margin-left:2px}@keyframes blink{50%{opacity:0}}.hero__tagline{color:var(--text-dim);max-width:560px;font-size:17px;margin:0 0 32px}.hero__ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:48px}.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid var(--line);padding-top:28px}.hero__stats li{display:flex;flex-direction:column;gap:4px}.hero__stat-value{font-family:var(--font-mono);color:var(--accent);font-size:24px;font-weight:700}.hero__stat-label{font-family:var(--font-mono);color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero__portrait{display:flex;justify-content:center;position:relative;z-index:20;isolation:isolate}.portrait{position:relative;width:100%;max-width:460px;z-index:1}.portrait__halo{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background:radial-gradient(closest-side,rgba(0,255,156,.18),transparent 70%);filter:blur(20px);z-index:0;animation:pulse 6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.portrait__terminal{position:relative;z-index:1;background:linear-gradient(180deg,#0c1218,#070a0e);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff05 inset,0 0 60px -10px var(--accent-glow)}.portrait__terminal-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(180deg,#0e151c,#0a1015);border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.portrait__terminal-title{margin-left:10px}.dot{width:12px;height:12px;border-radius:50%;display:inline-block;box-shadow:inset 0 0 0 1px #00000040}.dot--r{background:#ff5f56}.dot--y{background:#ffbd2e}.dot--g{background:#27c93f}.portrait__frame{position:relative;aspect-ratio:1 / 1;background:radial-gradient(ellipse at 50% 100%,#00503299,#001e1466,#060a0d 80%);overflow:hidden}.portrait__frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:contrast(1.05) saturate(.95) drop-shadow(0 8px 24px rgba(0,255,156,.18));z-index:2}.portrait__scanlines{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(0,255,156,.04) 0px,rgba(0,255,156,.04) 1px,transparent 1px,transparent 3px);z-index:3;pointer-events:none;mix-blend-mode:overlay}.portrait__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,255,156,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,156,.06) 1px,transparent 1px);background-size:40px 40px;z-index:1;pointer-events:none;mask-image:radial-gradient(circle,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(circle,black 30%,transparent 80%)}.portrait__corner{position:absolute;width:22px;height:22px;border:2px solid var(--accent);z-index:4}.portrait__corner--tl{top:12px;left:12px;border-right:0;border-bottom:0}.portrait__corner--tr{top:12px;right:12px;border-left:0;border-bottom:0}.portrait__corner--bl{bottom:12px;left:12px;border-right:0;border-top:0}.portrait__corner--br{bottom:12px;right:12px;border-left:0;border-top:0}.portrait__caption{padding:12px 16px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;color:var(--text-dim);border-top:1px solid var(--line);background:#0a1015}.portrait__prompt{color:var(--accent)}.hero__scroll{position:absolute;bottom:32px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase}.hero__scroll:hover{text-decoration:none;color:var(--accent)}.hero__scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollLine 2s ease-in-out infinite}@keyframes scrollLine{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}}.about__grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}.about__text p{color:var(--text-dim);margin:0 0 18px;font-size:17px}.about__text p:first-of-type:first-letter{color:var(--accent);font-weight:700}.terminal{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -30px #00000080,0 0 40px -20px var(--accent-glow)}.terminal__bar{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#080c1099;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.terminal__title{margin-left:10px}.terminal__body{margin:0;padding:22px;font-family:var(--font-mono);font-size:13.5px;line-height:1.75;color:var(--text);white-space:pre-wrap;background:linear-gradient(180deg,#0000,#00ff9c05)}.exp{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:start}.exp__tabs{display:flex;flex-direction:column;border-left:1px solid var(--line)}.exp__tab{display:flex;flex-direction:column;gap:4px;text-align:left;padding:14px 18px;border-left:2px solid transparent;margin-left:-1px;transition:all .18s ease;width:100%}.exp__tab:hover{background:#00ff9c0a}.exp__tab.is-active{border-left-color:var(--accent);background:#00ff9c0f}.exp__tab-company{font-family:var(--font-mono);font-weight:700;color:var(--text);font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.exp__tab.is-active .exp__tab-company{color:var(--accent)}.exp__tab-period{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.exp__tab-via,.exp__head-via{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:600;color:var(--accent);background:var(--accent-soft);border:1px solid var(--panel-border-strong);padding:2px 7px;border-radius:4px;letter-spacing:.04em;white-space:nowrap}.exp__head-via{margin-left:10px;font-size:12px;padding:3px 9px;vertical-align:middle}.exp__panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:28px 32px;min-height:380px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.exp__head h3{margin:0;font-size:20px;font-weight:600;line-height:1.35}.exp__head-at{color:var(--accent);margin:0 4px;font-family:var(--font-mono)}.exp__head-company{color:var(--accent)}.exp__meta{margin:8px 0 22px;font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.exp__meta-dot{margin:0 8px;opacity:.5}.exp__list{margin:0 0 24px;display:grid;gap:12px}.exp__list li{display:grid;grid-template-columns:24px 1fr;gap:4px;color:var(--text-dim);font-size:15.5px;line-height:1.6}.exp__bullet{color:var(--accent)}.exp__stack{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-mono);font-size:11.5px;padding:5px 10px;border:1px solid var(--panel-border);border-radius:999px;color:var(--text-dim);background:#00ff9c0a}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.skill-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:22px 22px 20px;transition:all .22s ease;position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.skill-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent);opacity:0;transition:opacity .22s ease}.skill-card:hover{transform:translateY(-3px);border-color:var(--panel-border-strong);box-shadow:0 20px 40px -20px #0009,0 0 0 1px var(--panel-border-strong)}.skill-card:hover:before{opacity:1}.skill-card__head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.skill-card__head h3{margin:0;font-size:15px;font-family:var(--font-mono);letter-spacing:.01em}.skill-card__icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--panel-border);border-radius:var(--radius-sm);color:var(--accent)}.skill-card ul{display:grid;gap:6px}.skill-card li{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--text-dim)}.skill-card li svg{flex-shrink:0}.skill-card__dot{width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:6px}.edu__list{display:grid;gap:14px}.edu-card{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;background:var(--panel);border:1px solid var(--panel-border);border-left:3px solid var(--accent);border-radius:var(--radius);padding:22px 24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.edu-card__period{font-family:var(--font-mono);color:var(--accent);font-size:13px}.edu-card__main h3{margin:0 0 4px;font-size:18px;font-weight:600}.edu-card__org{margin:0;color:var(--text-dim)}.edu-card__detail{margin:8px 0 0;color:var(--text-muted);font-size:14px}.certs__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.cert{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:var(--radius);padding:16px 18px;transition:border-color .22s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.cert:hover{border-color:var(--panel-border-strong)}.cert__icon{display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-soft);color:var(--accent)}.cert__body h4{margin:0;font-size:14.5px;font-weight:600;line-height:1.35}.cert__year{font-family:var(--font-mono);color:var(--text-muted);font-size:12px}.contact{text-align:center;padding:0 28px}.section--contact .section__header{margin-left:auto;margin-right:auto;text-align:center}.section--contact .section__kicker{justify-content:center}.contact__lead{color:var(--text-dim);max-width:560px;margin:0 auto 30px;font-size:17px}.contact__small{color:var(--text-muted);font-family:var(--font-mono);font-size:12px;margin-top:18px}.footer{border-top:1px solid var(--line);padding:32px 0;margin-top:40px}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.footer__left{display:flex;gap:8px;align-items:center}.footer__prompt{color:var(--accent)}.footer__code{color:var(--text-dim)}.footer__sep{color:var(--text-muted);opacity:.6}@media (max-width: 960px){.hero__inner{grid-template-columns:1fr;gap:48px}.hero__portrait{order:-1}.portrait{max-width:320px}.about__grid{grid-template-columns:1fr;gap:28px}.exp{grid-template-columns:1fr;gap:18px}.exp__tabs{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line)}.exp__tab{border-left:0;border-bottom:2px solid transparent;margin-left:0;margin-bottom:-1px;min-width:180px}.exp__tab.is-active{border-left-color:transparent;border-bottom-color:var(--accent)}.edu-card{grid-template-columns:1fr;gap:6px}.hero__stats{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 720px){section{padding:90px 0}.container,.nav__inner{padding:0 20px}.nav__burger{display:flex}.nav__links{position:absolute;top:100%;right:0;left:0;flex-direction:column;padding:18px;background:#07090cf7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transform:translateY(-12px);opacity:0;pointer-events:none;transition:all .22s ease;align-items:flex-start}.nav__links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__cta{margin-left:0;margin-top:8px}.hero{padding-top:110px}.hero__ctas{flex-direction:column;align-items:stretch}.btn{justify-content:center}.section__title{font-size:30px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}