@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0a0a0a;--bg-elevated:#121212;--surface:#1a1a1a;--ink:#f5f5f5;--muted:#a3a3a3;--line:#ffffff1a;--accent:#10b981;--accent-hover:#059669;--accent-soft:#10b98124;--accent-ink:#042f2e;--shadow:0 20px 50px #00000073;--page-overlay:linear-gradient(105deg, #080c0a8c 0%, #080c0a52 45%, #080c0a47 100%), linear-gradient(180deg, #080c0a40 0%, #080c0a66 40%, #080c0a8c 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100svh;color:var(--ink);-webkit-font-smoothing:antialiased;background:0 0;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:16px;line-height:1.6}#root{text-align:left;border:none;width:100%;min-height:100svh;margin:0}h1,h2,h3{letter-spacing:-.03em;color:var(--ink);margin:0;font-weight:700;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:none}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--ink)}.text-accent{color:var(--accent)}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:inline-block}.tag{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.section{width:min(1120px,100% - 2.5rem);margin:0 auto;padding:6rem 0}.section-head{max-width:36rem;margin-bottom:2.5rem}.section-head h2{font-size:clamp(1.85rem,3.5vw,2.6rem)}.section-head-row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem;max-width:none;display:flex}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1212128c;border:1px solid #ffffff1a;border-radius:16px}.btn{border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:.95rem;font-weight:600;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-gradient{color:#042f2e;background:linear-gradient(135deg,#34d399 0%,#10b981 45%,#059669 100%);border:1px solid #a7f3d08c;box-shadow:0 0 0 1px #10b98140,0 0 18px #10b98173,0 0 36px #10b98138,0 8px 24px #10b98133}.btn-gradient:hover{color:#042f2e;background:linear-gradient(135deg,#6ee7b7 0%,#10b981 40%,#047857 100%);border-color:#d1fae5bf;box-shadow:0 0 0 1px #10b98166,0 0 22px #10b98199,0 0 44px #10b9814d,0 10px 28px #10b98140}.btn-outline{border-color:var(--line);color:var(--ink);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-block{width:100%}.icon-btn{border:1px solid var(--line);background:var(--bg-elevated);width:40px;height:40px;color:var(--ink);border-radius:10px;place-items:center;display:grid}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.site{position:relative;overflow-x:clip}.page-bg{z-index:-2;background:url(/hero-bg.jpg) 50%/cover no-repeat;position:fixed;inset:0}.page-overlay{z-index:-1;pointer-events:none;background:var(--page-overlay);position:fixed;inset:0}.live-particles{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.site>main{z-index:2;position:relative}.site-rest{z-index:2;background:0 0;position:relative}.nav{padding:1rem clamp(1rem,3vw,2rem);padding-top:max(1rem, env(safe-area-inset-top));z-index:200;-webkit-backdrop-filter:blur(16px);background:#0a0a0ab8;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand{align-items:center;gap:.7rem;font-weight:700;display:flex}.nav-logo{color:#fff;background:0 0;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:800;display:grid}.nav-name{display:none}.hero-name{letter-spacing:-.02em;color:#fff;margin:0 0 .55rem;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:700}.nav-links{gap:1.35rem;font-size:.9rem;font-weight:500;display:none}.nav-links a{color:var(--muted);transition:color .2s}.nav-links a:hover{color:var(--accent)}.nav-actions{align-items:center;gap:.55rem;display:flex}@media (width>=980px){.nav-name{display:inline}.nav-links{display:flex}}@media (width<=979px){.nav{-webkit-backdrop-filter:blur(20px);background:#080a09f0;border-bottom:1px solid #ffffff24;box-shadow:0 8px 24px #00000073}.nav-logo{color:#0a0a0a;background:#fff;border:none;width:40px;height:40px;font-size:.85rem}.nav-links{display:none}}.hero{isolation:isolate;align-content:center;min-height:100svh;padding:5.5rem 0 2.5rem;display:grid;position:relative}.hero-main{gap:1.5rem;width:min(1120px,100% - 2.5rem);margin:0 auto;display:grid}.hero-grid{align-items:center;gap:2rem;min-height:min(58svh,520px);display:grid}@media (width>=960px){.hero-grid{grid-template-columns:1.05fr .95fr;gap:2.5rem}}.hero-eyebrow{color:#f5f5f5b8;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:700;display:inline-block}.hero-copy h1{max-width:13ch;margin-bottom:1rem;font-size:clamp(2.35rem,5.5vw,3.85rem);line-height:1.08}.hero-support{color:#f5f5f5c7;max-width:40ch;margin-bottom:1.5rem;font-size:1.02rem}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.code-window{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0a0a2e;border:1px solid #10b98147;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #10b98114,0 0 24px #10b9812e,inset 0 0 24px #10b9810a}.code-window-bar{background:0 0;border-bottom:1px solid #ffffff14;align-items:center;gap:.4rem;padding:.8rem 1rem;display:flex}.code-window-bar span{background:#3f3f46;border-radius:50%;width:10px;height:10px}.code-window-bar span:first-child{background:#ff5f57}.code-window-bar span:nth-child(2){background:#febc2e}.code-window-bar span:nth-child(3){background:#28c840}.code-window-bar p{color:#ffffff8c;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:.75rem}.code-body{margin:0;padding:1rem 1.1rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.75;overflow:auto}.code-body code{gap:.15rem;display:grid}.c-caret{vertical-align:text-bottom;background:var(--accent);width:.55ch;height:1em;margin-left:1px;animation:.85s step-end infinite caretBlink;display:inline-block}@keyframes caretBlink{50%{opacity:0}}.c-line{white-space:pre-wrap;display:block}.c-num{color:#ffffff47;-webkit-user-select:none;user-select:none;width:1.5rem;margin-right:.85rem;display:inline-block}.c-kw{color:#c792ea}.c-key{color:#82aaff}.c-str{color:#c3e88d}.code-play{background:var(--accent);width:42px;height:42px;color:var(--accent-ink);border-radius:50%;place-items:center;padding-left:2px;font-size:.85rem;display:grid;position:absolute;bottom:1rem;right:1rem;box-shadow:0 8px 24px #10b98159}.code-play:hover{background:var(--accent-hover)}.hero-stats{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:0;display:grid}@media (width>=720px){.hero-stats{grid-template-columns:repeat(4,1fr)}}.hero-stats li{text-align:left;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0a1f;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.75rem;padding:.95rem 1rem;display:flex}.stat-icon{width:36px;height:36px;color:var(--accent);background:#10b9811f;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.hero-stats strong{color:#fff;font-size:1.15rem;line-height:1.2;display:block}.hero-stats span:not(.stat-icon){color:#ffffff9e;font-size:.78rem}.tech-icon{width:100%;height:100%;display:block}.tech-icon-fallback{width:100%;height:100%;color:var(--accent);background:#10b98124;border-radius:8px;place-items:center;font-size:.68rem;font-weight:800;display:grid}.about{isolation:isolate;position:relative}.about-top{gap:2rem;margin-bottom:2.5rem;display:grid}@media (width>=860px){.about-top{grid-template-columns:1.2fr .8fr;align-items:center;gap:3rem}}.about .eyebrow,.skills .eyebrow,.projects .eyebrow,.experience .eyebrow{color:#fff}.about-bio{color:var(--muted);max-width:48ch;margin-bottom:1.35rem;font-size:1.05rem;line-height:1.75}.about-cta-row{flex-wrap:wrap;gap:.75rem;display:flex}.about-photo{perspective:900px}.about-photo-stage{transform-style:preserve-3d;will-change:transform;position:relative}.about-photo-glow{filter:blur(18px);z-index:0;pointer-events:none;background:radial-gradient(circle,#10b98173,#0000 68%);border-radius:28px;position:absolute;inset:12% 8%}.about-photo-frame{z-index:1;aspect-ratio:4/5;box-shadow:var(--shadow);background:#0a0a0a;border:1px solid #ffffff24;border-radius:20px;place-items:center;display:grid;position:relative;overflow:hidden}.about-photo-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.about-photo-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#080c0a73 100%),linear-gradient(90deg,#080c0a2e,#0000 30% 70%,#080c0a2e);position:absolute;inset:0}.about-avail-chip{z-index:2;color:#ecfdf5;white-space:nowrap;background:#080c0ae0;border:1px solid #10b98166;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.8rem;font-weight:650;display:inline-flex;position:absolute;bottom:-.85rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.about-avail-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.8s ease-out infinite aboutPulse;box-shadow:0 0 #10b9818c}@keyframes aboutPulse{0%{box-shadow:0 0 #10b9818c}70%{box-shadow:0 0 0 10px #10b98100}to{box-shadow:0 0 #10b98100}}.about-details{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.75rem;display:grid}@media (width>=720px){.about-details{grid-template-columns:repeat(3,1fr)}}.about-details li{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#12121273;border:1px solid #ffffff1a;border-radius:14px;gap:.3rem;padding:1rem;transition:border-color .25s,background .25s,transform .25s;display:grid}.about-details li strong{color:#f5f5f5;font-size:.95rem;font-weight:650;line-height:1.45}.about-details li.is-interactive:hover,.about-details li:hover{background:#10b9810f;border-color:#10b98159;transform:translateY(-2px)}.about-details span{color:var(--muted);font-size:.78rem}.about-detail-action{text-align:left;color:inherit;cursor:pointer;background:0 0;border:0;gap:.15rem;padding:0;display:grid}.about-detail-action em{color:var(--accent);font-size:.72rem;font-style:normal;font-weight:600}.about-status{align-items:center;gap:.45rem;display:inline-flex}.about-focus{margin-bottom:2rem}.about-focus-label{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:650}.about-focus-row{flex-wrap:wrap;gap:.55rem;display:flex}.about-focus-row button{color:var(--muted);background:#12121266;border:1px solid #ffffff1f;border-radius:999px;padding:.55rem .95rem;font-size:.88rem;font-weight:600;transition:color .2s,border-color .2s,background .2s,transform .2s}.about-focus-row button:hover,.about-focus-row button.is-active{color:#ecfdf5;background:#10b9811f;border-color:#10b98180;transform:translateY(-1px)}.about-values{gap:1rem;display:grid}@media (width>=800px){.about-values{grid-template-columns:repeat(3,1fr)}}.about-values li{padding:1.35rem}.value-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:10px;place-items:center;margin-bottom:.85rem;display:grid}.about-values h3{margin-bottom:.4rem;font-size:1.1rem}.about-values p{color:var(--muted);font-size:.95rem}.skill-chip-row{flex-wrap:wrap;gap:.85rem;display:flex}.skill-chip-row li{will-change:transform, opacity;align-items:center;gap:.65rem;padding:.85rem 1.15rem;font-size:1rem;font-weight:600;transition:border-color .25s,background .25s,box-shadow .25s,color .25s;display:inline-flex}.skill-chip:hover{color:#fff;background:#10b98114;border-color:#10b98173;box-shadow:0 10px 28px #00000047}.skill-chip:hover .skill-badge{background:#10b98129;transform:scale(1.12)rotate(-6deg)}.skill-badge{background:#ffffff0f;border-radius:7px;place-items:center;width:26px;height:26px;padding:3px;transition:transform .3s cubic-bezier(.34,1.4,.64,1),background .25s;display:grid;overflow:hidden}.skills-grid{gap:1rem;display:grid}@media (width>=800px){.skills-grid{grid-template-columns:1fr;max-width:36rem}}.skill-group{padding:1.35rem}.skill-group h3{border-bottom:1px solid var(--line);margin-bottom:1rem;padding-bottom:.75rem;font-size:1.05rem}.skill-group ul{flex-wrap:wrap;gap:.65rem;display:flex}.skill-group li{border:1px solid var(--line);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .75rem;font-size:.88rem;font-weight:500;display:inline-flex}.project-filters{flex-wrap:wrap;gap:.45rem;display:flex}.project-filters button{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}.project-filters button.is-active,.project-filters button:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.project-grid{gap:1.15rem;display:grid}@media (width>=720px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{text-align:left;width:100%;padding:0;transition:transform .25s,border-color .25s;display:grid;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));transform:translateY(-4px)}.project-thumb{background-position:50%;background-size:cover;height:160px}.project-card-body{gap:.65rem;padding:1.15rem;display:grid}.project-card-meta{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.project-card-meta h3{font-size:1.15rem}.project-card-meta span{color:var(--accent);white-space:nowrap;font-size:.75rem;font-weight:600}.project-card-body>p{color:var(--muted);font-size:.92rem}.stack-row{flex-wrap:wrap;gap:.4rem;display:flex}.stack-row li{background:var(--bg);border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:.25rem .5rem;font-size:.72rem}.project-detail{z-index:200;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.project-detail-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b8;position:absolute;inset:0}.project-detail-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(920px,100%);max-height:min(90svh,900px);box-shadow:var(--shadow);background:#0c0e0dd1;border:1px solid #ffffff1f;border-radius:20px;padding:1.5rem;position:relative;overflow:auto}.back-link{color:var(--muted);margin-bottom:1.25rem;font-weight:600}.back-link:hover{color:var(--accent)}.project-detail-head{gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width>=800px){.project-detail-head{grid-template-columns:1fr 1fr;align-items:center}}.project-detail-head h2{margin:.65rem 0;font-size:clamp(1.8rem,3vw,2.4rem)}.project-detail-head p{color:var(--muted);margin-bottom:1rem}.project-detail-visual{border:1px solid var(--line);background-position:50%;background-size:cover;border-radius:16px;min-height:220px}.project-meta{grid-template-columns:repeat(2,1fr);gap:.85rem;margin-bottom:1.5rem;display:grid}@media (width>=700px){.project-meta{grid-template-columns:repeat(4,1fr)}}.project-meta li{background:#12121273;border:1px solid #ffffff1a;border-radius:12px;gap:.25rem;padding:.9rem;display:grid}.project-meta span{color:var(--muted);font-size:.75rem}.project-detail-grid{gap:1.25rem;display:grid}@media (width>=720px){.project-detail-grid{grid-template-columns:1.2fr .8fr}}.project-detail-grid h3{margin-bottom:.65rem;font-size:1.1rem}.project-detail-grid p{color:var(--muted)}.feature-list{gap:.55rem;display:grid}.feature-list li{color:var(--muted);padding-left:1.1rem;position:relative}.feature-list li:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:.55rem;left:0}.timeline{border-left:2px solid var(--line);margin-bottom:2rem;padding-left:1.25rem;position:relative}.timeline-item{padding:0 0 2rem 1.25rem;position:relative}.timeline-dot{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:.35rem;left:-1.7rem}.timeline-period{color:var(--accent);margin-bottom:.35rem;font-size:.85rem;font-weight:600}.timeline-item h3{margin-bottom:.25rem;font-size:1.2rem}.timeline-item h3 span{color:var(--muted);font-weight:500}.timeline-location{color:var(--muted);margin:0 0 .75rem;font-size:.88rem}.timeline-item ul{gap:.4rem;display:grid}.timeline-item ul li{color:var(--muted);padding-left:1rem;position:relative}.timeline-item ul li:before{content:"–";color:var(--accent);position:absolute;left:0}.blog-featured{margin-bottom:1.15rem;display:grid;overflow:hidden}@media (width>=860px){.blog-featured{grid-template-columns:1.1fr .9fr}}.blog-featured-copy{align-content:center;gap:.75rem;padding:1.5rem;display:grid}.blog-featured-copy h3{font-size:clamp(1.35rem,2.5vw,1.85rem)}.blog-featured-copy>p:not(.blog-meta){color:var(--muted)}.blog-featured-media{min-height:200px}.blog-meta{color:var(--muted);font-size:.82rem}.blog-list{gap:.85rem;display:grid}@media (width>=800px){.blog-list{grid-template-columns:repeat(3,1fr)}}.blog-item{gap:.85rem;padding:.85rem;display:grid}.blog-thumb{border-radius:12px;height:120px}.blog-item h3{margin-bottom:.4rem;font-size:1rem}.contact-copy{max-width:40rem;margin-bottom:3rem}.contact-copy h2{margin-bottom:.75rem;font-size:clamp(1.85rem,3.5vw,2.6rem)}.contact .eyebrow{color:#fff}.contact-lead{color:var(--muted);max-width:36ch;margin-bottom:1.5rem}.contact-links{gap:.9rem;display:grid}.contact-links li{gap:.2rem;display:grid}.contact-links span{color:var(--muted);font-size:.78rem}.contact-links a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:2rem;display:flex}.site-footer p{letter-spacing:-.03em;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:700}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.project-card,.skill-chip{transition:none!important;animation:none!important}.hero-copy>*,.code-window,.hero-stats li,.about-avail-dot{opacity:1!important;animation:none!important;transform:none!important}}