:root{color-scheme:dark;--bg: #08110d;--bg-elevated: rgba(11, 24, 18, .88);--bg-panel: rgba(13, 29, 21, .96);--line: rgba(126, 231, 135, .2);--line-strong: rgba(126, 231, 135, .42);--text: #eef6e9;--text-muted: #a1b69e;--accent: #7ee787;--accent-strong: #b9f27c;--warning: #f5d76e;--shadow: 0 24px 80px rgba(0, 0, 0, .35);--radius-lg: 28px;--radius-md: 18px;--radius-sm: 12px;--content-width: min(1120px, calc(100vw - 2rem) );--font-display: "Segoe UI", "Helvetica Neue", sans-serif;--font-body: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(126,231,135,.12),transparent 28%),radial-gradient(circle at 85% 15%,rgba(245,215,110,.08),transparent 18%),linear-gradient(180deg,#0a120e,#07100c);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,a{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}a:hover,a:focus-visible,button:hover,button:focus-visible{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:4px}#root{min-height:100vh}.app-shell{width:var(--content-width);margin:0 auto;padding:1.25rem 0 3rem}.topbar,.footer,.hero__terminal,.hero__panel,.info-card,.project-card,.git-card,.contact-panel,.project-detail,.section,.timeline__content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar{position:sticky;top:1rem;z-index:10;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem 1.25rem;background:#050c09d1;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:padding .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease,top .22s ease}.topbar--scrolled{top:.65rem;padding-block:.78rem;background:#050c0994;border-color:#7ee78724;box-shadow:0 14px 36px #0003;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.topbar__brand,.topbar__nav,.topbar__socials,.hero__meta,.hero__actions,.project-card__actions,.contact-panel__links,.project-detail__links{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.topbar__prompt,.section__eyebrow,.project-detail__label,.project-card__status,.terminal__line,.hero__panel-label,.contact-panel__command,.footer__title,.info-card__label,.git-card__label,.timeline__company{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}.topbar__name{font-family:var(--font-display);font-weight:700;font-size:1rem}.topbar__menu-button{display:none;justify-self:end;width:2.75rem;height:2.75rem;padding:.6rem;border:1px solid var(--line);border-radius:999px;background:#7ee7870d;color:var(--text);cursor:pointer}.topbar__menu-button span{display:block;width:100%;height:2px;margin:.22rem 0;border-radius:999px;background:currentColor}.topbar__nav{justify-content:center}.topbar__link,.footer__link,.text-link{color:var(--text-muted)}.topbar__link:hover,.footer__link:hover,.text-link:hover{color:var(--accent-strong)}.social-chip,.section__pill{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .8rem;border-radius:999px;border:1px solid var(--line);color:var(--text-muted);background:#7ee7870d}.social-chip--large{padding-inline:1rem}.page{display:grid;gap:1.5rem;padding-top:1.5rem}.page--narrow{max-width:860px;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.9fr);gap:1.5rem;align-items:stretch}.hero__terminal,.hero__panel,.section,.project-detail{border:1px solid var(--line);background:linear-gradient(180deg,#0a1510f5,#08110df5);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow)}.terminal__bar{display:flex;gap:.45rem;margin-bottom:1rem}.terminal__bar span{width:.85rem;height:.85rem;border-radius:999px;background:#f5d76e33;border:1px solid rgba(245,215,110,.4)}.hero h1,.section h2,.project-detail h1,.project-detail h2,.timeline__heading h3,.project-card h3,.git-card h3{margin:0;font-family:var(--font-display);line-height:1.05}.hero h1{font-size:clamp(2.9rem,8vw,5.7rem);max-width:9ch}.hero__role{margin:.6rem 0;font-size:1.15rem;color:var(--warning)}.hero__intro,.section__intro,.project-card__summary,.project-detail__summary,.project-detail__description,.timeline__summary,.footer__text{color:var(--text-muted);line-height:1.75}.hero__meta{margin:1.3rem 0;color:var(--text-muted);font-size:.92rem}.button{display:inline-flex;justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--line-strong)}.button--primary{background:var(--accent);color:#05110b;font-weight:700}.button--secondary{background:transparent;color:var(--text)}.hero__panel{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}.hero__branch-card{padding:1rem;border-left:2px solid var(--accent);background:#7ee7870f}.hero__branch-card span{display:block;color:var(--text-muted);margin-bottom:.25rem}.hero__project-link{color:var(--accent-strong)}.section{display:grid;gap:1.5rem}.section__header{display:flex;justify-content:space-between;gap:1rem;align-items:end}.copy-grid,.card-grid,.project-grid,.git-grid{display:grid;gap:1rem}.copy-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.copy-grid__item,.git-card p,.info-card__focus{margin:0;line-height:1.75;color:var(--text-muted)}.card-grid,.git-grid,.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.info-card,.project-card,.git-card{border:1px solid var(--line);background:var(--bg-panel);border-radius:var(--radius-md);padding:1.25rem}.tag-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;gap:.6rem;flex-wrap:wrap}.tag-list li{padding:.45rem .65rem;border-radius:999px;border:1px solid var(--line);background:#7ee7870d;color:var(--text-muted);font-size:.9rem}.tag-list--muted li{background:#ffffff08}.timeline{display:grid;gap:1rem}.timeline__item{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:1rem;align-items:start}.timeline__marker{width:1rem;height:1rem;border-radius:999px;margin-top:1.1rem;border:2px solid var(--accent);background:#7ee78724;box-shadow:0 0 0 6px #7ee7870f}.timeline__content{padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--line);background:#0a1510d1}.timeline__heading{display:flex;justify-content:space-between;gap:1rem;align-items:start}.timeline__period{color:var(--warning);font-size:.9rem}.timeline__list{margin:1rem 0 0;padding-left:1.1rem;color:var(--text-muted);line-height:1.7}.contact-panel{display:grid;gap:1rem;align-items:center}.contact-panel__availability{margin:.25rem 0 0;font-size:1.25rem}.project-detail{margin-top:1.5rem;display:grid;gap:1.4rem}.project-detail__section{padding-top:.4rem;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-top:1.5rem;padding:1.25rem 1.5rem;border:1px solid var(--line);background:#050c09bf;border-radius:var(--radius-lg)}@media (max-width: 1040px){.topbar{grid-template-columns:1fr;border-radius:28px}.topbar__nav{justify-content:start}.hero,.copy-grid,.card-grid,.project-grid,.git-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-shell{width:min(100vw - 1rem,100%);padding-top:.5rem}.topbar{grid-template-columns:1fr auto;top:.5rem;gap:.6rem 1rem;padding:.72rem .9rem;border-radius:22px}.topbar--scrolled{top:.35rem;padding:.58rem .72rem;border-radius:18px;background:#050c0975;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.topbar__brand{min-width:0;gap:.35rem}.topbar__prompt{font-size:.66rem;letter-spacing:.14em}.topbar__name{font-size:.94rem}.topbar__menu-button{display:inline-flex;flex-direction:column;align-items:stretch;justify-content:center}.topbar__nav,.topbar__socials{display:none}.topbar--menu-open .topbar__nav,.topbar--menu-open .topbar__socials{display:flex;grid-column:1 / -1;width:100%}.topbar--menu-open .topbar__nav{flex-direction:column;align-items:stretch;gap:.25rem;padding-top:.35rem}.topbar--menu-open .topbar__socials{gap:.5rem;padding-top:.2rem}.topbar__link,.topbar--menu-open .social-chip{width:100%;padding:.72rem .85rem;border:1px solid var(--line);border-radius:14px;background:#7ee7870a}.topbar--menu-open .social-chip{justify-content:center}.section,.hero__terminal,.hero__panel,.project-detail{padding:1.2rem}.section__header,.timeline__heading,.footer{flex-direction:column;align-items:start}.hero h1{font-size:clamp(2.5rem,14vw,3.7rem)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}