:root{--bg: #f2f3f2;--bg-soft: #e9ebea;--panel: #ffffff;--panel-2: #f2f3f2;--border: #d8dbd9;--text: #101311;--text-dim: #3d423f;--muted: #6b706d;--green: #17915a;--green-light: #34c98a;--dark: #101311;--accent: var(--green);--accent-dim: rgba(23, 145, 90, .09);--accent-border: rgba(23, 145, 90, .35);--grid-line: rgba(23, 145, 90, .05);--glow: rgba(23, 145, 90, .1);--nav-bg: rgba(242, 243, 242, .82);--code-text: #1f2328;--c-key: #cf222e;--c-prop: #0550ae;--c-str: #0a3069;--c-fn: #8250df;--c-type: #0550ae;color-scheme:light;--maxw: 1080px;--radius: 14px;--mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sans: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--heading: "Sora", var(--sans)}:root[data-theme=dark]{--bg: #101311;--bg-soft: #1a1e1b;--panel: #171b18;--panel-2: #1e2320;--border: #2b302d;--text: #f2f3f2;--text-dim: #c2c7c4;--muted: #8b918e;--accent: var(--green-light);--accent-dim: rgba(52, 201, 138, .1);--accent-border: rgba(52, 201, 138, .35);--grid-line: rgba(52, 201, 138, .04);--glow: rgba(52, 201, 138, .07);--nav-bg: rgba(16, 19, 17, .82);--code-text: #e6edf3;--c-key: #ff7b72;--c-prop: #79c0ff;--c-str: #a5d6ff;--c-fn: #d2a8ff;--c-type: #79c0ff;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #101311;--bg-soft: #1a1e1b;--panel: #171b18;--panel-2: #1e2320;--border: #2b302d;--text: #f2f3f2;--text-dim: #c2c7c4;--muted: #8b918e;--accent: var(--green-light);--accent-dim: rgba(52, 201, 138, .1);--accent-border: rgba(52, 201, 138, .35);--grid-line: rgba(52, 201, 138, .04);--glow: rgba(52, 201, 138, .07);--nav-bg: rgba(16, 19, 17, .82);--code-text: #e6edf3;--c-key: #ff7b72;--c-prop: #79c0ff;--c-str: #a5d6ff;--c-fn: #d2a8ff;--c-type: #79c0ff;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--heading);letter-spacing:-.02em}a{color:inherit;text-decoration:none}strong{color:var(--text);font-weight:700}.muted{color:var(--muted)}.accent{color:var(--accent)}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 0%,#000 0%,transparent 75%);z-index:-2}.bg-glow{position:fixed;top:-25%;left:50%;transform:translate(-50%);width:900px;height:600px;background:radial-gradient(circle,var(--glow),transparent 65%);filter:blur(40px);z-index:-1;pointer-events:none}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;max-width:var(--maxw);margin:0 auto;padding:18px 24px;backdrop-filter:blur(10px);transition:padding .25s ease,background .25s ease}.nav.is-scrolled{background:var(--nav-bg);border-bottom:1px solid var(--border);padding:12px 24px}.nav__brand{display:flex;align-items:center;gap:12px}.nav__logo{height:38px;width:auto;display:block}.nav__wordmark{display:flex;flex-direction:column;line-height:1.15}.nav__name{font-family:var(--heading);font-size:1.14rem;font-weight:700;letter-spacing:-.02em;color:var(--text)}.nav__tagline{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.nav__links{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:500}.nav__links a{color:var(--muted);transition:color .2s ease}.nav__links a:hover{color:var(--accent)}.nav__cta{border:1px solid var(--border);border-radius:8px;padding:8px 16px;background:var(--panel);color:var(--accent)!important;font-weight:700}.nav__cta:hover{background:var(--accent-dim);border-color:var(--accent)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--muted);cursor:pointer;transition:color .2s ease,border-color .2s ease}.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}.theme-toggle svg{width:17px;height:17px}.theme-toggle__sun{display:none}:root[data-theme=dark] .theme-toggle__sun{display:block}:root[data-theme=dark] .theme-toggle__moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{display:block}:root:not([data-theme=light]) .theme-toggle__moon{display:none}}main{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:90px 0}.section__head{display:flex;align-items:center;gap:16px;margin-bottom:40px}.section__num{font-family:var(--mono);color:var(--accent);font-size:.95rem}.section__title{font-size:clamp(1.5rem,3vw,2rem);margin:0;color:var(--text)}.section__rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.section__lede{color:var(--muted);font-size:1rem;max-width:640px;margin:-28px 0 38px}.hero{padding:70px 0 60px}.hero__eyebrow{font-family:var(--mono);color:var(--accent);font-size:.9rem;font-weight:600;letter-spacing:.01em;display:inline-flex;align-items:center;gap:9px;margin:0 0 22px;padding:7px 16px;background:var(--accent-dim);border:1px solid var(--accent-border);border-radius:99px}.hero__eyebrow .blink{color:var(--accent)}.hero__eyebrow--busy{color:var(--muted);background:#6b706d14;border-color:var(--border)}.blink{animation:blink 1.8s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.hero__greeting{font-size:1.05rem;color:var(--text-dim);margin:0 0 14px}.hero__title{font-size:clamp(2.2rem,6vw,4rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 24px;color:var(--text);font-weight:800}.hero__roles{font-family:var(--mono);font-size:1.05rem;color:var(--accent);margin:0 0 22px;min-height:1.6em}.hero__roles [data-roles]:after{content:"";display:inline-block;width:9px;height:1.1em;margin-left:3px;background:var(--accent);vertical-align:text-bottom;animation:caret 1s step-end infinite}@keyframes caret{50%{opacity:0}}.role-link{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--accent-border)}.role-link:hover,.role-link:focus-visible{text-decoration-color:var(--accent)}.hero__lede{max-width:620px;font-size:1.1rem;color:var(--text-dim);margin:0 0 32px}.hero__actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:50px}.hero__code{font-family:var(--mono);background:var(--panel);color:var(--code-text);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;font-size:.9rem;line-height:1.7;overflow-x:auto;max-width:640px;box-shadow:0 24px 50px -30px #1013114d;position:relative}.hero__code:before{content:"● ● ●";position:absolute;top:10px;left:18px;font-size:.6rem;letter-spacing:4px;color:var(--border)}.hero__code code{display:block;margin-top:18px;white-space:pre}.c-key{color:var(--c-key)}.c-prop{color:var(--c-prop)}.c-str{color:var(--c-str)}.c-fn{color:var(--c-fn)}.c-type{color:var(--c-type)}.btn{display:inline-block;font-family:var(--sans);font-size:.92rem;font-weight:700;padding:12px 22px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn--primary{background:var(--green);color:#fff;box-shadow:0 8px 30px -12px #17915ab3}.btn--primary:hover{background:#137a4b;box-shadow:0 12px 36px -10px #17915a99}.btn--ghost{border-color:var(--border);background:var(--panel);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn--lg{padding:16px 30px;font-size:1.05rem}.about{max-width:880px;display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:start}.about__photo{width:200px;height:200px;border-radius:50%;object-fit:cover;border:2px solid var(--border);box-shadow:0 18px 46px -22px #10131159}.about p{color:var(--text-dim);font-size:1.05rem;margin:0 0 20px}.about__body p:last-of-type{margin-bottom:0}@media(max-width:620px){.about{grid-template-columns:1fr;gap:24px;justify-items:start}.about__photo{width:150px;height:150px}}.about__values{list-style:none;padding:0;margin:30px 0 0;display:grid;gap:14px}.about__values li{display:flex;align-items:center;gap:12px;color:var(--text)}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0}.about__langs{margin-top:28px}.about__langs-label{display:block;font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:10px}.langs{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.lang{display:inline-flex;align-items:baseline;gap:8px;padding:7px 13px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.lang__name{color:var(--text);font-weight:700;font-size:.92rem}.lang__level{color:var(--muted);font-family:var(--mono);font-size:.72rem}.skills{display:grid;gap:26px}.skill{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.skill:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 40px -28px #10131159}.skill__top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.skill__name{font-family:var(--heading);font-weight:700;font-size:1.1rem;color:var(--text)}.skill__pct{font-family:var(--mono);color:var(--accent);font-size:.95rem}.skill__bar{height:6px;background:var(--bg-soft);border-radius:99px;overflow:hidden;margin-top:4px}.skill__fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--green-light));transition:width 1.1s cubic-bezier(.22,1,.36,1)}.skill__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.tag{font-family:var(--mono);font-size:.78rem;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:4px 10px;border-radius:7px;transition:color .2s ease,border-color .2s ease}.tag--link{cursor:pointer;text-decoration:none}.tag--link:hover,.tag--link:focus-visible{color:var(--accent);border-color:var(--accent)}.tag--focus{color:var(--accent);border-color:var(--accent-border);background:var(--accent-dim)}.skill__tools{margin-top:16px;display:grid;gap:10px}.skill__toolgroup{display:grid;grid-template-columns:140px 1fr;gap:12px;align-items:start}.skill__toolgroup-label{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);padding-top:6px;white-space:nowrap}.skill__toolitems{display:flex;flex-wrap:wrap;gap:8px}.skill__toolitems .tag{font-size:.74rem}@media(max-width:560px){.skill__toolgroup{grid-template-columns:1fr;gap:6px}.skill__toolgroup-label{padding-top:0}}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.service{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px 26px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.service:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 40px -28px #10131159}.service__title{font-size:1.15rem;margin:0 0 10px;color:var(--text)}.service__text{color:var(--text-dim);font-size:.98rem;margin:0}.work{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.case{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px 28px;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}.case:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 16px 40px -28px #10131159}.case__title{font-size:1.2rem;margin:0 0 8px;color:var(--text)}.case__summary{color:var(--text-dim);font-size:1rem;margin:0 0 16px}.case__work{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:8px}.case__work li{position:relative;padding-left:20px;color:var(--text-dim);font-size:.95rem}.case__work li:before{content:"";position:absolute;left:2px;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.case__tags{display:flex;flex-wrap:wrap;gap:8px}.section--contact{padding-bottom:110px}.contact{text-align:center;max-width:640px;margin:0 auto}.contact__headline{font-size:clamp(1.6rem,4vw,2.4rem);margin:0 0 16px;color:var(--text)}.contact__text{color:var(--text-dim);font-size:1.1rem;margin:0 0 32px}.contact__socials{display:flex;justify-content:center;gap:28px;margin-top:28px;font-family:var(--mono);font-size:.9rem}.contact__socials a{color:var(--muted);transition:color .2s ease}.contact__socials a:hover{color:var(--accent)}.footer{max-width:var(--maxw);margin:0 auto;padding:28px 24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--mono);font-size:.82rem;color:var(--muted)}.footer__legal{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-family:var(--sans)}.footer__numbers{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 18px}.footer__brand{display:flex;align-items:center;gap:12px;color:var(--text)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:640px){.nav__links a:not(.nav__cta){display:none}.nav__tagline{display:none}.section{padding:64px 0}.hero{padding:40px 0}.footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto}.reveal{opacity:1;transform:none}}