.navbar{z-index:10;height:var(--header-height);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background-color:#0a0a0fb8;align-items:center;display:flex;position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;display:flex}.navbar__brand{align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-lg);letter-spacing:-.02em;display:inline-flex}.navbar__brand:hover{color:var(--color-accent)}.navbar__brand-mark{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-base)}.navbar__resume{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--transition)}.navbar__resume:hover{border-color:var(--color-accent)}.navbar__nav{align-items:center;gap:var(--space-8);display:flex}.navbar__links{gap:var(--space-6);display:flex}.navbar__link{font-size:var(--text-sm);color:var(--color-text-muted)}.navbar__link:hover{color:var(--color-accent)}@media (width<=760px){.navbar__links{display:none}}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-8);margin-top:auto}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.footer__copy,.footer__link{color:var(--color-text-muted);font-size:var(--text-sm)}.footer__link:hover{color:var(--color-accent)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);border-radius:var(--radius-sm);transition:background-color var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);border:1px solid #0000;font-weight:600;display:inline-flex}.btn:active{transform:translateY(1px)}.btn--primary{background-color:var(--color-accent);color:#0a0a0f}.btn--primary:hover{background-color:var(--color-accent-hover)}.btn--ghost{border-color:var(--color-border);color:var(--color-text);background-color:#0000}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero{min-height:calc(100vh - var(--header-height));padding-block:var(--space-16);align-items:center;display:flex;position:relative}.hero:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--color-accent-soft), transparent 68%);filter:blur(36px);opacity:.8;pointer-events:none;z-index:0;width:42vw;max-width:560px;position:absolute;top:12%;left:8%}.hero__inner{z-index:1;align-items:center;gap:var(--space-16);grid-template-columns:1.1fr .9fr;display:grid;position:relative}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-4)}.hero__prompt{opacity:.7;margin-right:var(--space-2)}.hero__name{font-size:var(--text-2xl);margin-bottom:var(--space-3);background:linear-gradient(120deg, #fff 0%, #c7c9ff 45%, var(--color-accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content}.hero__role{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-6)}.hero__bio{max-width:52ch;color:var(--color-text-muted);margin-bottom:var(--space-8)}.hero__actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero__card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.hero__card-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background-color:var(--color-surface-2);border-bottom:1px solid var(--color-border);display:flex}.hero__dot{background-color:var(--color-border);border-radius:50%;width:11px;height:11px}.hero__dot--g{background-color:#4ade80}.hero__card-file{margin-left:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.hero__code{padding:var(--space-6);overflow-x:auto}.hero__code ::selection{color:#eafff0;background:#4ade8047}.hero__code code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);white-space:pre;line-height:1.7}.tok-kw{color:#c792ea}.tok-var{color:#82aaff}.tok-prop{color:#f78c6c}.tok-str{color:#4ade80}.hero__stats{gap:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-6);border-top:1px solid var(--color-border);grid-template-columns:repeat(4,1fr);display:grid}.hero__stat{gap:var(--space-1);flex-direction:column;display:flex}.hero__stat-value{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent);order:-1;font-weight:600}.hero__stat-label{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}@media (width<=860px){.hero{min-height:0;padding-block:var(--space-16) var(--space-12)}.hero__inner{gap:var(--space-12);grid-template-columns:1fr}.hero__card{order:-1}}@media (width<=520px){.hero__actions .btn{flex:1}.hero__stats{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,1fr)}}.section{padding-block:var(--space-24);scroll-margin-top:var(--header-height)}.section__head{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-12);display:flex}.section__index{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-accent)}.section__title{font-size:var(--text-xl)}@media (width<=520px){.section{padding-block:var(--space-16)}.section__head{margin-bottom:var(--space-8)}}.about{gap:var(--space-16);grid-template-columns:1.3fr 1fr;align-items:start;display:grid}.about__text p{color:var(--color-text-muted);max-width:56ch}.about__text p+p{margin-top:var(--space-4)}.about__edu-title{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-4)}.about__edu-list{flex-direction:column;display:flex}.about__edu-item{padding-block:var(--space-4);border-top:1px solid var(--color-border)}.about__edu-inst{color:var(--color-text);margin-bottom:var(--space-1);font-weight:600}.about__edu-row{justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.about__edu-meta{margin-top:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}@media (width<=820px){.about{gap:var(--space-8);grid-template-columns:1fr}}.skills__groups{gap:var(--space-6);display:grid}.skills__group{align-items:baseline;gap:var(--space-4);grid-template-columns:160px 1fr;display:grid}.skills__label{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.skills{gap:var(--space-3);flex-wrap:wrap;display:flex}.skills__chip{padding:var(--space-2) var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}@media (width<=520px){.skills__group{gap:var(--space-3);grid-template-columns:1fr}}.exp{gap:var(--space-8);padding-left:var(--space-8);flex-direction:column;display:flex;position:relative}.exp:before{content:"";background-color:var(--color-border);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.exp__item{position:relative}.exp__item:before{content:"";left:calc(-1 * var(--space-8) + 1px);background-color:var(--color-accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--color-accent-soft);border-radius:50%;position:absolute;top:7px}.exp__head{justify-content:space-between;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.exp__role{font-size:var(--text-lg);font-weight:600}.exp__company{color:var(--color-accent)}a.exp__company:hover{color:var(--color-accent-hover)}.exp__period{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint)}.exp__points{gap:var(--space-2);flex-direction:column;display:flex}.exp__points li{padding-left:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm);position:relative}.exp__points li:before{content:"▹";color:var(--color-accent);position:absolute;left:0}.projects{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.project{gap:var(--space-4);padding:var(--space-6);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition);flex-direction:column;display:flex}.project:hover{border-color:var(--color-accent)}.project__body{flex:1}.project__badge{margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-accent);display:inline-block}.project__name{font-size:var(--text-lg);margin-bottom:var(--space-2)}.project__desc{font-size:var(--text-sm);color:var(--color-text-muted)}.project__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}.project__tech li{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);padding:2px var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.project__links{gap:var(--space-4);display:flex}.project__links:empty{display:none}.project__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);font-weight:600}.project__link:hover{color:var(--color-accent-hover)}.contact{text-align:center;align-items:center;gap:var(--space-6);flex-direction:column;display:flex}.contact__text{max-width:48ch;color:var(--color-text-muted)}.contact__actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.contact__socials{justify-content:center;gap:var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.contact__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.contact__link:hover{color:var(--color-accent)}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{flex:1}:root{--color-bg:#0a0a0f;--color-surface:#121219;--color-surface-2:#181822;--color-border:#25252f;--color-text:#e7e7ee;--color-text-muted:#9a9aa7;--color-text-faint:#6c6c78;--color-accent:#7c83ff;--color-accent-hover:#9aa0ff;--color-accent-soft:#7c83ff1f;--font-sans:"Inter", system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:clamp(2.25rem, 6vw, 3.75rem);--leading-tight:1.15;--leading-normal:1.6;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-md:0 10px 30px -12px #0000008c;--container-max:1080px;--header-height:72px;--transition:.18s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-color:var(--color-accent) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-hover)}::selection{color:#fff;background:#7c83ff52}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3{line-height:var(--leading-tight);letter-spacing:-.02em;font-weight:700}a{color:inherit;transition:color var(--transition);text-decoration:none}img,svg{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}ul{list-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}