@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--font-display:"Space Grotesk", "Noto Sans SC", sans-serif;--font-body:"Manrope", "Noto Sans SC", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--bg:#eef6f5;--bg-soft:#e2efed;--surface:#ffffffc7;--surface-solid:#fff;--surface-soft:#f2faf9;--border:#2c6e6424;--border-strong:#2c6e643d;--text:#17312c;--text-muted:#54736e;--accent:#2f9e8f;--accent-strong:#238a7c;--accent-2:#5b9fd4;--accent-soft:#2f9e8f1f;--accent-2-soft:#5b9fd41f;--accent-glow:#2f9e8f3d;--ambient-a:#4aa18f33;--ambient-b:#86b9e22e;--shape-fill:#2f9e8f24;--grid-line:#2c6e641a;--glass-edge:#ffffff8c;--shadow-sm:0 1px 2px #1e5a520f;--shadow:0 12px 32px #326e691a;--shadow-lg:0 24px 64px #326e6929}[data-theme=dark]{--bg:#10181a;--bg-soft:#162022;--surface:#171f22c7;--surface-solid:#141d20;--surface-soft:#1b2629;--border:#94cdc31f;--border-strong:#94cdc338;--text:#d4e7e3;--text-muted:#9bb5b0;--accent:#5fd0bf;--accent-strong:#7fddcf;--accent-2:#7ca5c8;--accent-soft:#5fd0bf24;--accent-2-soft:#7ca5c824;--accent-glow:#5fd0bf4d;--ambient-a:#5fd0bf29;--ambient-b:#7ca5c824;--shape-fill:#5fd0bf29;--grid-line:#94cdc31a;--glass-edge:#ffffff1a;--shadow-sm:0 1px 2px #0000004d;--shadow:0 12px 32px #0000004d;--shadow-lg:0 24px 64px #00000073}@media (prefers-color-scheme:dark){:root:not([data-theme]){--bg:#10181a;--bg-soft:#162022;--surface:#171f22c7;--surface-solid:#141d20;--surface-soft:#1b2629;--border:#94cdc31f;--border-strong:#94cdc338;--text:#d4e7e3;--text-muted:#9bb5b0;--accent:#5fd0bf;--accent-strong:#7fddcf;--accent-2:#7ca5c8;--accent-soft:#5fd0bf24;--accent-2-soft:#7ca5c824;--accent-glow:#5fd0bf4d;--ambient-a:#5fd0bf29;--ambient-b:#7ca5c824;--shape-fill:#5fd0bf29;--grid-line:#94cdc31a;--glass-edge:#ffffff1a;--shadow-sm:0 1px 2px #0000004d;--shadow:0 12px 32px #0000004d;--shadow-lg:0 24px 64px #00000073}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, var(--ambient-a), transparent 34%), radial-gradient(circle at top right, var(--ambient-b), transparent 30%), var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent);color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#app{min-height:100vh}.scroll-progress{z-index:100;transform-origin:0;background:linear-gradient(90deg, var(--accent), var(--accent-2));pointer-events:none;height:3px;position:fixed;top:0;left:0;right:0}.ambient{z-index:0;filter:blur(48px);opacity:.55;pointer-events:none;border-radius:50%;width:30rem;height:30rem;position:fixed}.ambient--mint{background:radial-gradient(circle, var(--ambient-a), transparent 70%);top:-12rem;left:-10rem}.ambient--sky{background:radial-gradient(circle, var(--ambient-b), transparent 70%);top:24rem;right:-12rem}.site-header{z-index:60;border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:1rem;width:min(1180px,100% - 2rem);margin:.75rem auto 0;padding:.55rem .65rem .55rem 1rem;transition:background .3s,border-color .3s,box-shadow .3s;display:flex;position:sticky;top:.75rem}.site-header.is-scrolled{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-color:var(--border);box-shadow:var(--shadow)}.site-header__brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:700;display:inline-flex}.site-header__logo{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:2rem;height:2rem;box-shadow:0 6px 16px var(--accent-glow);border-radius:.65rem;place-items:center;font-size:.95rem;font-weight:700;display:grid;position:relative;overflow:hidden}.site-header__logo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.site-header__logo-mark{font-family:var(--font-display)}.site-header__dot{color:var(--accent)}.site-nav{background:var(--bg-soft);border-radius:999px;gap:.2rem;padding:.25rem;display:flex}.site-nav a{color:var(--text-muted);border-radius:999px;padding:.45rem .95rem;font-size:.92rem;font-weight:600;transition:color .2s,background .2s}.site-nav a:hover{color:var(--text);background:var(--surface)}.site-header__tools{align-items:center;gap:.5rem;display:flex}.lang-switch{background:var(--bg-soft);border-radius:999px;padding:.25rem;display:flex}.lang-switch button{min-width:2.1rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .55rem;font-size:.78rem;font-weight:700;transition:background .2s,color .2s}.lang-switch button.is-active{background:var(--accent);color:#fff}.theme-toggle{border:1px solid var(--border);background:var(--bg-soft);cursor:pointer;border-radius:999px;place-items:center;width:2.4rem;height:2.4rem;font-size:1rem;transition:transform .25s,border-color .2s;display:grid;position:relative}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle__icon{transition:opacity .25s,transform .25s;position:absolute}.theme-toggle__icon.is-hidden{opacity:0;transform:rotate(60deg)scale(.5)}.page-shell{position:relative}.page-main,.site-footer{z-index:1;width:min(1180px,100% - 2rem);margin:0 auto;position:relative}.page-main{padding:4rem 0 2rem}.content-section{margin-top:6.5rem;scroll-margin-top:7rem}section[id]{scroll-margin-top:7rem}.hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:start;gap:1.6rem;padding-top:3.5rem;display:grid}.hero__title{max-width:18ch;font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:clamp(2.2rem,5.2vw,3.6rem);line-height:1.14}.hero__title-l1,.hero__title-l2{display:block}.hero__title-l2{background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--accent));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;margin-top:.35em;animation:6s ease-in-out infinite title-shine}@keyframes title-shine{0%,to{background-position:0%}50%{background-position:100%}}.hero__description{max-width:54ch;color:var(--text-muted);margin:1.5rem 0 0;font-size:1.06rem;line-height:1.75}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.metrics{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:2.6rem 0 0;padding-top:1.8rem;display:grid}.metric{margin:0}.metric__value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.55rem;font-weight:700}.metric__label{color:var(--text-muted);margin:.25rem 0 0;font-size:.86rem}.hero__panel{border:1px solid var(--border);background:linear-gradient(160deg, var(--accent-soft), transparent 60%), var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 var(--glass-edge), var(--shadow);border-radius:28px;flex-direction:column;gap:1.9rem;padding:1.8rem;display:flex;position:relative;overflow:hidden}.hero__panel:before{content:"";background:radial-gradient(circle, var(--accent-glow), transparent 70%);filter:blur(8px);pointer-events:none;border-radius:50%;width:10rem;height:10rem;position:absolute;top:-3rem;right:-3rem}.hero__status{color:var(--text-muted);align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.hero__pulse{background:#22c55e;border-radius:50%;width:.55rem;height:.55rem;animation:2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 9px #22c55e00}to{box-shadow:0 0 #22c55e00}}.work-chip{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);border-radius:999px;align-self:flex-start;align-items:center;gap:.55rem;padding:.35rem .85rem .35rem .4rem;font-size:.82rem;font-weight:600;transition:border-color .2s,color .2s,box-shadow .2s;display:inline-flex}.work-chip:hover{border-color:var(--accent);color:var(--text);box-shadow:0 6px 18px var(--accent-glow)}.work-chip img{background:var(--surface-solid);border-radius:50%;width:20px;height:20px}.hero__panel-label,.course-panel__label,.notes-panel__label,.github-panel__label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 1rem;font-size:.72rem;font-weight:600}.focus-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.focus-list li{gap:.8rem;font-size:.95rem;line-height:1.5;display:flex}.focus-list__index{font-family:var(--font-mono);color:var(--accent);flex:none;font-size:.8rem}.tag-cloud{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tag-cloud li{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);font-family:var(--font-mono);border-radius:999px;padding:.35rem .75rem;font-size:.78rem;animation:5s ease-in-out infinite tag-float}.tag-cloud li:nth-child(2n){animation-delay:-1.6s}.tag-cloud li:nth-child(3n){animation-delay:-3.2s}@keyframes tag-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn{min-height:3rem;font-family:var(--font-display);border-radius:999px;align-items:center;gap:.5rem;padding:0 1.4rem;font-size:.95rem;font-weight:600;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s,background .2s;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 8px 24px var(--accent-glow);position:relative;overflow:hidden}.btn--primary:before{content:"";background:linear-gradient(105deg,#0000,#ffffff59,#0000);width:40%;transition:left .55s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.btn--primary:hover{box-shadow:0 14px 36px var(--accent-glow)}.btn--primary:hover:before{left:130%}.btn--ghost{border:1px solid var(--border-strong);background:var(--surface);color:var(--text)}.btn--ghost:hover{border-color:var(--accent);color:var(--accent)}.btn__arrow{transition:transform .2s}.btn:hover .btn__arrow{transform:translate(3px)}.section-heading__index{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent);margin:0;font-size:.95rem}.section-heading__eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:.7rem 0 0;font-size:.88rem;font-weight:600}.section-heading h2{font-family:var(--font-display);letter-spacing:-.03em;margin:.7rem 0 0;font-size:clamp(2.2rem,4.6vw,3.2rem);line-height:1.08}.section-heading__description{max-width:56ch;color:var(--text-muted);margin:.9rem 0 0;line-height:1.7}.panel,.skill-card,.project-card,.roadmap-card,.course-panel{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 var(--glass-edge), var(--shadow-sm);border-radius:24px;position:relative;overflow:hidden}.panel:after,.skill-card:after,.project-card:after,.roadmap-card:after,.course-panel:after,.hero__panel:after{content:"";z-index:1;opacity:0;pointer-events:none;background:radial-gradient(340px circle at var(--lx,50%) var(--ly,50%), #ffffff8c, #fff3 44%, #ffffff12 74%, transparent 90%);transition:opacity .2s;position:absolute;inset:0}.panel.is-lit:after,.skill-card.is-lit:after,.project-card.is-lit:after,.roadmap-card.is-lit:after,.course-panel.is-lit:after,.hero__panel.is-lit:after{opacity:1}.skill-card,.project-card,.roadmap-card{transition:transform .3s,box-shadow .3s,border-color .3s}.skill-card:hover,.project-card:hover,.roadmap-card:hover{border-color:var(--accent-soft);box-shadow:var(--shadow-lg)}.skill-grid,.project-grid,.roadmap-grid,.github-grid{gap:1.1rem;margin-top:2.5rem;display:grid}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-card{flex-direction:column;gap:.9rem;padding:1.6rem;display:flex}.skill-card__head{align-items:center;gap:.7rem;display:flex}.skill-card__index{font-family:var(--font-mono);color:var(--accent);font-size:.75rem}.skill-card__bar{background:linear-gradient(90deg, var(--accent), transparent);border-radius:999px;width:1.6rem;height:2px}.skill-card h3,.roadmap-card h3{font-family:var(--font-display);margin:0;font-size:1.2rem}.skill-card__summary,.roadmap-card p{color:var(--text-muted);margin:0;font-size:.94rem;line-height:1.65}.chip-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chip-list li{border:1px solid var(--border);background:var(--bg-soft);color:var(--text-muted);font-family:var(--font-mono);border-radius:999px;padding:.35rem .75rem;font-size:.78rem}.chip-list--soft li{background:var(--accent-soft);color:var(--text);border-color:#0000}.course-panel{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:1.1rem;padding:1.4rem 1.6rem;display:flex}.course-panel__label{margin:0}.capability-layout{grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:1.1rem;margin-top:2.5rem;display:grid}.panel--radar{padding:1.8rem}.notes-panel{flex-direction:column;justify-content:space-between;gap:2rem;padding:1.8rem;display:flex}.notes-panel__label{margin-bottom:1.1rem}.notes-list{color:var(--text-muted);gap:.85rem;margin:0;padding-left:1.1rem;font-size:.95rem;line-height:1.65;display:grid}.notes-panel__callout{border:1px solid var(--border);background:linear-gradient(140deg, var(--accent-soft), var(--accent-2-soft));border-radius:20px;padding:1.3rem}.notes-panel__callout span{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:600;display:block}.notes-panel__callout strong{font-family:var(--font-display);margin-top:.5rem;font-size:1.05rem;font-weight:600;line-height:1.4;display:block}.radar-chart{place-items:center;margin-top:1.6rem;display:grid}.radar-chart svg{width:100%;max-width:360px;height:auto}.radar-chart__backdrop{fill:var(--accent-soft);opacity:.6}.radar-chart__grid{fill:none;stroke:var(--grid-line);stroke-width:1px}.radar-chart__axis{stroke:var(--grid-line);stroke-width:1px}.radar-chart__shape{fill:var(--shape-fill);stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;transform-box:fill-box;transform-origin:50%}.radar-chart__point{fill:var(--accent);stroke:var(--surface-solid);stroke-width:2px;transform-box:fill-box;transform-origin:50%}.radar-chart__label{fill:var(--text-muted);font-family:var(--font-mono);text-anchor:middle;font-size:11px;font-weight:600}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{flex-direction:column;gap:1.1rem;padding:1.6rem;display:flex;position:relative;overflow:hidden}.project-card__accent{background:linear-gradient(90deg, var(--accent), var(--accent-2), transparent);opacity:.65;height:3px;transition:opacity .3s,height .3s;position:absolute;inset:0 0 auto}.project-card:hover .project-card__accent{opacity:1;height:4px}.project-card__meta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;gap:.8rem;font-size:.78rem;display:flex}.project-card__kind{color:var(--accent);font-weight:600}.project-card__body{gap:.95rem;display:grid}.project-card__name{font-family:var(--font-display);align-items:baseline;gap:.4rem;margin:0;font-size:1.25rem;display:flex}.project-card__arrow{opacity:0;color:var(--accent);font-size:.95rem;transition:opacity .25s,transform .25s;transform:translate(-4px,4px)}.project-card:hover .project-card__arrow{opacity:1;transform:translate(0)}.project-card p{color:var(--text-muted);margin:0;font-size:.94rem;line-height:1.65}.project-card__footer{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;gap:.8rem;margin-top:auto;padding-top:.95rem;font-size:.85rem;display:flex}.project-card__stars{font-family:var(--font-mono);color:var(--accent);font-weight:600}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.roadmap-card{flex-direction:column;gap:.95rem;padding:1.6rem;display:flex}.roadmap-card__head{font-family:var(--font-mono);justify-content:space-between;gap:.8rem;font-size:.78rem;display:flex}.roadmap-card__label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}.roadmap-card__period{color:var(--text-muted)}.roadmap-card__list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.roadmap-card__list li{color:var(--text-muted);gap:.65rem;font-size:.88rem;line-height:1.6;display:flex}.roadmap-card__dot{background:var(--accent);border-radius:50%;flex:none;width:.4rem;height:.4rem;margin-top:.5rem}.github-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.github-panel{padding:1.6rem}.github-panel__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.github-panel__label{margin-bottom:.35rem}.github-panel h3{font-family:var(--font-display);margin:0;font-size:1.15rem}.github-panel__head a{color:var(--accent);font-family:var(--font-mono);white-space:nowrap;font-size:.85rem;font-weight:600}.github-panel__head a:hover{color:var(--text)}.github-panel__head span{max-width:20ch;color:var(--text-muted);text-align:right;font-size:.8rem;line-height:1.5}.github-panel img{border:1px solid var(--border);background:var(--surface-solid);border-radius:16px;width:100%}.site-footer{color:var(--text-muted);justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:5.5rem 0 3rem;font-size:.85rem;display:flex}.site-footer p{margin:.2rem 0}.site-footer__email{font-family:var(--font-mono);color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:var(--accent-soft);text-decoration-color:var(--accent-soft);text-underline-offset:3px;margin-top:.5rem;font-size:.82rem;transition:color .2s,text-decoration-color .2s;display:inline-block}.site-footer__email:hover{color:var(--text);-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.site-footer__aside{align-items:center;gap:.9rem;display:flex}.friend-chip{border:1px solid var(--border);background:var(--bg-soft);opacity:.55;border-radius:50%;place-items:center;width:2rem;height:2rem;transition:opacity .25s,transform .25s,border-color .25s;display:grid}.friend-chip:hover{opacity:1;border-color:var(--accent);transform:translateY(-2px)}.friend-chip img{border-radius:50%;width:1.25rem;height:1.25rem}.site-footer__top{font-family:var(--font-mono);color:var(--accent);white-space:nowrap;font-weight:600;transition:color .2s}.site-footer__top:hover{color:var(--text)}.back-top{z-index:80;border:1px solid var(--border-strong);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:2.7rem;height:2.7rem;color:var(--text);cursor:pointer;box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:50%;place-items:center;font-size:1.05rem;transition:opacity .3s,transform .3s,border-color .2s;display:grid;position:fixed;bottom:1.4rem;right:1.4rem;transform:translateY(14px)}.back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{border-color:var(--accent);color:var(--accent)}.cursor-glow{z-index:35;background:radial-gradient(circle, var(--accent-glow), transparent 70%);filter:blur(36px);opacity:.45;pointer-events:none;will-change:transform;border-radius:50%;width:26rem;height:26rem;position:fixed;top:0;left:0}@media (pointer:coarse){.cursor-glow{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__pulse,.tag-cloud li,.hero__title-l2{animation:none}}@media (width<=960px){.hero,.capability-layout,.roadmap-grid{grid-template-columns:1fr}.hero{padding-top:2.5rem}}@media (width<=760px){.site-header{border-radius:24px;flex-wrap:wrap;justify-content:space-between}.site-nav{flex:100%;order:3;justify-content:center;overflow-x:auto}.skill-grid,.project-grid,.github-grid{grid-template-columns:1fr}.course-panel{flex-direction:column;align-items:flex-start}}@media (width<=560px){.metrics{grid-template-columns:1fr;gap:1rem}.site-footer{flex-direction:column;align-items:flex-start}.panel,.skill-card,.project-card,.roadmap-card,.hero__panel{border-radius:20px}}