.r-root{font-family:var(--font-body);color:var(--text-primary);min-height:100vh}.r-shell{max-width:1120px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;height:44px;padding:0 1.25rem;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);white-space:nowrap;border-radius:var(--radius-pill);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out)}.btn svg{width:1.15em;height:1.15em}.btn:active{transform:translateY(1px) scale(.99)}.btn--sm{height:36px;padding:0 .95rem;font-size:var(--text-xs)}.btn--primary{background:var(--accent-grad);color:#fff;box-shadow:var(--glow-sm)}.btn--primary:hover{box-shadow:var(--glow-md);transform:translateY(-1px)}.btn--secondary{background:var(--bg-glass);color:var(--text-primary);border-color:var(--border-strong);backdrop-filter:var(--blur-glass)}.btn--secondary:hover{border-color:var(--border-accent);box-shadow:var(--glow-sm);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{color:var(--accent-hover);background:var(--accent-soft)}.tag{display:inline-flex;align-items:center;gap:.4em;padding:.42em .75em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-tight);background:rgba(var(--white-rgb),.04);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:transform var(--dur-fast) var(--ease-out),border-color var(--dur-base),color var(--dur-base),background var(--dur-base),box-shadow var(--dur-base)}.tag:hover{transform:translateY(-1px);color:var(--sky-200);border-color:var(--border-accent);background:var(--accent-soft);box-shadow:var(--glow-sm)}.tag__mark{width:.5em;height:.5em;border-radius:1px;background:var(--accent-hover);box-shadow:0 0 6px var(--accent-hover)}.badge{display:inline-flex;align-items:center;gap:.45em;padding:.3em .7em;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--fw-medium);letter-spacing:var(--ls-wide);text-transform:uppercase;background:var(--accent-soft);color:var(--sky-300);border:1px solid var(--border-accent);line-height:1}.badge__dot{width:.5em;height:.5em;border-radius:50%;background:var(--signal-green);box-shadow:0 0 8px var(--signal-green)}.card{position:relative;border-radius:var(--radius-xl);padding:var(--space-6);background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-md)}.card--railed{padding-left:calc(var(--space-6) + 6px)}.card--railed:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:999px;background:var(--accent-grad);box-shadow:0 0 12px rgba(var(--glow-sky),.6)}.sec{margin-top:var(--space-24)}.sh{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-10)}.sh__top{display:flex;align-items:center;gap:var(--space-3)}.sh__idx{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--accent-hover)}.sh__kicker{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--text-muted)}.sh__rule{flex:1;height:1px;background:linear-gradient(90deg,var(--border-accent),transparent)}.sh__title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--fw-bold);letter-spacing:var(--ls-tight);margin:0;line-height:var(--lh-snug)}.sh__title em{font-style:normal;background:linear-gradient(120deg,var(--sky-300),var(--sky-500));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:16px;padding:14px 0;background:#0a0f1c99;backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle)}[data-theme=light] .nav{background:#f6f9fcb3}.nav__brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;text-decoration:none}.nav__brand img{width:30px;height:30px}.nav__brand b{color:var(--text-primary)}.nav__brand .nav__brand-accent{color:var(--accent-hover)}.nav__links{display:flex;gap:6px;margin-left:20px}.nav__link{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm);transition:color var(--dur-base),background var(--dur-base)}.nav__link:hover{color:var(--accent-hover);background:var(--accent-soft)}.nav__spacer{margin-left:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);cursor:pointer;font-size:18px;transition:color var(--dur-base),border-color var(--dur-base),box-shadow var(--dur-base);text-decoration:none}.icon-btn:hover{color:var(--accent-hover);border-color:var(--border-accent);box-shadow:var(--glow-sm)}.icon-btn svg{width:1em;height:1em}.hero{position:relative;padding-top:var(--space-20);padding-bottom:var(--space-12)}.hero__grid{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center}.hero__avatar{position:relative;width:168px;height:168px;flex-shrink:0}.hero__avatar img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--bg-page);position:relative;z-index:1}.hero__avatar:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:var(--accent-grad);z-index:0}.hero__avatar:after{content:"";position:absolute;inset:-5px;border-radius:50%;box-shadow:0 0 48px rgba(var(--glow-sky),.5);z-index:-1}.hero__avatar .badge{position:absolute;bottom:6px;right:-6px;z-index:2;background:var(--bg-surface)}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--accent-hover);margin:0 0 12px}.hero__name{font-family:var(--font-display);font-size:clamp(2.4rem,5.5vw,var(--text-6xl));font-weight:700;letter-spacing:var(--ls-tighter);line-height:1.02;margin:0}.hero__name em{font-style:normal;background:linear-gradient(115deg,var(--sky-200),var(--sky-400) 55%,var(--sky-600));-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=light] .hero__name em{background:linear-gradient(115deg,var(--sky-500),var(--sky-600) 55%,var(--sky-800));-webkit-background-clip:text;background-clip:text}.hero__role{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;color:var(--text-secondary);margin:10px 0 18px;letter-spacing:var(--ls-tight)}.hero__meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.meta-chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-glass);border:1px solid var(--border-subtle);padding:7px 12px;border-radius:var(--radius-pill);text-decoration:none;transition:color var(--dur-base),border-color var(--dur-base)}.meta-chip svg{color:var(--accent-hover);width:14px;height:14px}a.meta-chip:hover{color:var(--accent-hover);border-color:var(--border-accent)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:var(--space-12)}.stat{padding:20px 22px;border-radius:var(--radius-lg);background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass)}.stat__v{font-family:var(--font-display);font-weight:700;font-size:var(--text-5xl);line-height:1;letter-spacing:var(--ls-tighter)}.stat__v span{color:var(--accent-hover)}.stat--lead .stat__v{text-shadow:var(--glow-text)}.stat__l{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--text-muted);margin-top:10px}.about{margin-top:var(--space-16)}.about p{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--lh-relaxed);color:var(--text-secondary);margin:0;max-width:70ch}.about p strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.timeline{position:relative}.tl{position:relative;padding-left:34px;padding-bottom:var(--space-12)}.tl:last-child{padding-bottom:0}.tl:before{content:"";position:absolute;left:7px;top:24px;bottom:-6px;width:2px;background:linear-gradient(180deg,var(--border-accent),var(--border-subtle))}.tl:last-child:before{display:none}.tl__node{position:absolute;left:0;top:5px;width:16px;height:16px;border-radius:50%;background:var(--bg-page);border:2px solid var(--accent);box-shadow:0 0 12px rgba(var(--glow-sky),.6)}.tl--current .tl__node{background:var(--accent)}.tl__card{border-radius:var(--radius-lg);padding:20px 22px;background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.tl__card:hover{transform:translate(3px);border-color:var(--border-accent);box-shadow:var(--glow-sm)}.tl__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.tl__role{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--fw-semibold);margin:0;letter-spacing:var(--ls-tight)}.tl__period{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--sky-300);background:var(--accent-soft);border:1px solid var(--border-accent);padding:.3em .7em;border-radius:var(--radius-pill);white-space:nowrap}.tl__stack{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-hover);margin:4px 0 2px}.tl__company{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-muted);margin:0 0 14px}.tl__bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tl__bullets li{position:relative;padding-left:18px;font-size:var(--text-sm);line-height:var(--lh-relaxed);color:var(--text-secondary)}.tl__bullets li:before{content:"";position:absolute;left:0;top:.62em;width:5px;height:5px;border-radius:1px;background:var(--accent-hover);box-shadow:0 0 6px var(--accent-hover)}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.skillcard{border-radius:var(--radius-lg);padding:22px;background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass)}.skillcard__h{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold)}.skillcard__h .ic{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--accent-hover);font-size:17px}.skillcard__h .ic svg{width:1em;height:1em}.skillcard__tags{display:flex;flex-wrap:wrap;gap:8px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.pc{display:flex;flex-direction:column;gap:14px;border-radius:var(--radius-lg);padding:22px;background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-md);transition:transform var(--dur-base) var(--ease-out),border-color var(--dur-base),box-shadow var(--dur-base)}.pc:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--glow-md)}.pc__top{display:flex;align-items:center;gap:14px}.pc__icon{width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--glow-sm)}.pc__icon svg{width:1em;height:1em}.pc__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--fw-semibold);margin:0;letter-spacing:var(--ls-tight)}.pc__cat{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:var(--ls-wider);text-transform:uppercase;color:var(--accent-hover)}.pc__desc{font-size:var(--text-sm);line-height:var(--lh-relaxed);color:var(--text-secondary);margin:0}.pc__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pc__actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.edu{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.edu-item{display:flex;gap:14px;border-radius:var(--radius-lg);padding:18px 20px;background:var(--bg-glass);border:1px solid var(--border-subtle);backdrop-filter:var(--blur-glass);transition:border-color var(--dur-base),box-shadow var(--dur-base)}.edu-item:hover{border-color:var(--border-accent);box-shadow:var(--glow-sm)}.edu-item__ic{width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--accent-hover);display:flex;align-items:center;justify-content:center;font-size:19px}.edu-item__ic svg{width:1em;height:1em}.edu-item__t{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--fw-semibold);margin:0;letter-spacing:var(--ls-tight)}.edu-item__o{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-hover);margin:4px 0}.edu-item__d{font-size:var(--text-sm);color:var(--text-muted);margin:0}.edu-item__y{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint);white-space:nowrap}.edu-item__link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-hover);text-decoration:none;display:inline-flex;align-items:center;gap:5px;margin-top:8px}.edu-item__link svg{width:1em;height:1em}.edu-item__link:hover{text-decoration:underline}.contact{margin-top:var(--space-24);margin-bottom:var(--space-16)}.contact__panel{position:relative;overflow:hidden;text-align:center;border-radius:var(--radius-2xl);padding:56px 32px;border:1px solid var(--border-accent);background:var(--bg-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--glow-md)}.contact__panel:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% 0%,rgba(var(--glow-sky),.18),transparent 70%);pointer-events:none}.contact__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:var(--ls-tight);margin:0 0 10px;position:relative}.contact__text{font-size:var(--text-lg);color:var(--text-secondary);margin:0 auto 26px;max-width:46ch;position:relative}.contact__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;position:relative}.r-footer{border-top:1px solid var(--border-subtle);padding:28px 0 40px;display:flex;flex-wrap:wrap;align-items:center;gap:14px}.r-footer img{width:26px;height:26px}.r-footer__txt{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-faint)}.r-footer__txt b{color:var(--text-secondary)}.r-footer__right{margin-left:auto;display:flex;gap:8px}html.rv-on .rv{opacity:0;transform:translateY(18px)}html.rv-on .rv--in{opacity:1;transform:translateY(0);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out);transition-delay:var(--rv-d, 0ms)}@media print{html.rv-on .rv{opacity:1!important;transform:none!important}}.nav__link--active{color:var(--accent-hover);background:var(--accent-soft)}@media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}.skills,.projects,.edu{grid-template-columns:1fr}.hero__grid{grid-template-columns:1fr;gap:24px;text-align:left}.hero__avatar{width:128px;height:128px}.nav__links{display:none}}@media(max-width:480px){.stats{grid-template-columns:1fr 1fr}.tl__period{margin-left:0}}html{scroll-behavior:smooth}html,body{margin:0;background:var(--bg-page)}.r-root [id]{scroll-margin-top:84px}