:root{font-family:Space Grotesk,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);--text: #d6e2ff;--text-muted: #8ba2c7;--text-contrast: #02050e;--bg: #050814;--surface: #0c1224;--surface-alt: #151d36;--surface-glow: rgba(64, 140, 255, .35);--accent: #4f8cff;--accent-muted: rgba(79, 140, 255, .2);--border: rgba(214, 226, 255, .12);--pill-bg: rgba(255, 255, 255, .08);--max-width: 1100px;--header-backdrop: rgba(5, 8, 20, .4)}[data-theme=light]{color-scheme:light;--text: #0b1b33;--text-muted: #4f5c7a;--text-contrast: #ffffff;--bg: #f5f7ff;--surface: #ffffff;--surface-alt: #eef1ff;--surface-glow: rgba(47, 89, 255, .18);--accent: #3556ff;--accent-muted: rgba(53, 86, 255, .22);--border: rgba(12, 20, 36, .15);--pill-bg: rgba(12, 20, 36, .08);--header-backdrop: rgba(255, 255, 255, .7)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;margin:0;font-family:inherit;background:radial-gradient(circle at 20% 15%,var(--surface-glow),transparent 45%),var(--bg);color:var(--text);transition:background .2s ease,color .2s ease}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body,p,h1,h2,h3,h4,h5,h6{color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand:hover,.resume-btn:hover{text-decoration:none}.text-muted{color:var(--text-muted)}.site-frame{min-height:100vh;display:flex;flex-direction:column;gap:1.5rem}.site-header{position:sticky;top:0;z-index:100;width:100%;background:var(--header-backdrop);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.5rem 0}[data-theme=light] .site-header{background:var(--header-backdrop);border-bottom:1px solid rgba(12,20,36,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header-inner{width:min(100%,calc(var(--max-width) + 3rem));margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.brand{display:flex;flex-direction:column;font-weight:700;color:var(--text)}.brand small{font-weight:500;color:var(--text-muted)}.site-header nav ul{list-style:none;display:flex;gap:1.25rem;flex-wrap:wrap}.nav-resume{position:relative;display:flex;flex-direction:column;align-items:flex-start}.nav-resume-label{border:none;background:none;font:inherit;cursor:pointer}.nav-resume-dropdown{position:absolute;top:calc(100% + .15rem);right:0;left:auto;display:none;background:var(--header-backdrop);border:1px solid var(--border);border-radius:16px;padding:.8rem 1rem;box-shadow:0 18px 34px #05081473;min-width:200px;max-width:min(280px,calc(100vw - 2rem));width:max-content;overflow:hidden;z-index:20}.nav-resume.is-open .nav-resume-dropdown{display:block}.nav-resume .resume-button-group{margin-top:0;flex-direction:column}.nav-resume .resume-btn{width:100%;background:var(--surface);border-color:var(--border);color:var(--text)}.nav-resume .resume-btn.btn.primary{background:var(--accent);color:var(--text-contrast);border-color:var(--accent)}.nav-resume .resume-btn.btn.primary:hover{background:var(--accent);color:var(--text-contrast)}.nav-resume .resume-btn.btn.ghost{background:var(--surface-alt)}.nav-resume .resume-btn.btn.ghost:hover{background:var(--surface)}.site-header nav a,.nav-resume-label{color:var(--text-muted);font-weight:600;font-size:.95rem;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:.25rem;transition:color .15s ease,border-color .15s ease;display:inline-flex;align-items:center}.site-header nav a:hover,.nav-resume-label:hover,.nav-resume-label:focus-visible,.nav-resume.is-open>.nav-resume-label{color:var(--accent);border-bottom-color:var(--accent);text-decoration:none}.theme-toggle{border:1px solid var(--border);border-radius:999px;padding:.55rem 1.25rem;background:var(--surface-alt);color:var(--text);font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle-icon{font-size:1.1rem;line-height:1}.site-frame main{flex:1;display:flex;justify-content:center}.app-shell{width:min(100%,var(--max-width));margin:0 auto;padding:3rem 1.5rem 4rem;display:flex;flex-direction:column;gap:3rem}.hero{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:2rem;border-radius:28px;background:linear-gradient(145deg,var(--surface),var(--surface-alt));border:1px solid var(--border);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;border:1px solid var(--accent-muted);opacity:.4}.hero .eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.85rem;color:var(--text-muted)}.hero h1{font-size:clamp(2.5rem,6vw,3.6rem);line-height:1.1}.hero-title{font-size:clamp(1.4rem,3vw,2rem);color:var(--text-muted);margin-top:.3rem}.hero h1 span{color:var(--accent)}.lede{color:var(--text-muted);max-width:52ch}.cta-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.hero-meta{list-style:none;display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:1.5rem}.hero-meta li{display:flex;flex-direction:column;gap:.2rem;font-weight:600}.meta-label{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:var(--text-muted)}.hero-resume-actions{display:none;margin-top:1.5rem}.btn{padding:.85rem 1.8rem;border-radius:999px;font-weight:600;border:1px solid transparent;transition:all .15s ease}.btn.primary{background:var(--accent);color:var(--text-contrast)}.btn.primary:hover{filter:brightness(1.1)}.btn.ghost{border-color:var(--border);color:var(--text)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.resume-button-group{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.resume-btn{min-width:130px;text-align:center;border-radius:14px;padding:.65rem 1.4rem;font-size:.9rem;transition:transform .14s ease,box-shadow .14s ease,background .14s ease;display:flex;align-items:center;justify-content:center}.resume-btn.btn.primary{box-shadow:0 10px 18px #4f8cff33}.resume-btn.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 22px #4f8cff52;color:var(--text-contrast);background:var(--accent)}.resume-btn.btn.ghost{box-shadow:0 8px 14px #0508142e}.resume-btn.btn.ghost:hover{transform:translateY(-2px);box-shadow:0 12px 18px #05081442;color:var(--accent);border-color:var(--accent);background:#4f8cff0d}@media (max-width: 540px){.resume-button-group{flex-direction:column}.resume-btn{width:100%}}.hero-card{padding:1.5rem;border-radius:20px;background:var(--surface-alt);border:1px solid var(--border);box-shadow:0 20px 60px #05081473}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.metric-card{padding:1.5rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);box-shadow:0 10px 18px #05081433}.metric-label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--text-muted)}.metric-card h3{font-size:2rem;margin:.4rem 0}.metric-trend{color:var(--text-muted)}.section-heading{margin-bottom:1.5rem}.projects{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.projects .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.project-card{background:var(--surface);border-radius:22px;border:1px solid var(--border);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;min-height:260px;box-shadow:0 12px 20px #0508142e}.project-copy{color:var(--text-muted)}.stack-list{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap}.stack-list li{padding:.35rem .9rem;border-radius:999px;background:var(--pill-bg);font-size:.85rem;border:1px solid var(--border);transition:border-color .16s ease,transform .16s ease,background .16s ease}.stack-list li:hover{border-color:var(--accent);background:#4f8cff1f;transform:translateY(-2px)}.project-link{margin-top:auto;font-weight:600}.education-section{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.education-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.education-card{border:1px solid var(--border);border-radius:18px;padding:1.25rem;display:flex;align-items:center;gap:1rem;background:var(--surface);box-shadow:0 10px 18px #05081429}.education-icon{width:48px;height:48px;border-radius:12px;background:var(--pill-bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.education-university{font-weight:600;color:var(--text-muted)}.education-period{font-size:.95rem;color:var(--text-muted)}.languages-section{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.language-badges{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.language-badges li{display:flex;flex-direction:column;gap:.15rem;padding:.65rem 1.1rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:0 10px 18px #05081433}.language-badges li span{font-weight:600}.language-badges li small{color:var(--text-muted);font-size:.85rem}.skills-panel{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.skills-card{border:1px solid var(--border);border-radius:20px;padding:1.25rem;background:var(--surface);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 14px 28px #05081433}.badge-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.badge-list li{padding:.35rem .9rem;border-radius:999px;background:var(--pill-bg);font-size:.85rem;border:1px solid var(--border);transition:border-color .16s ease,transform .16s ease,background .16s ease}.badge-list li:hover{border-color:var(--accent);background:#4f8cff1f;transform:translateY(-2px)}.impact-panel{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.impact-card{padding:1.25rem;border-radius:20px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.6rem;box-shadow:0 12px 20px #0508142e}.impact-card ul{list-style:none;display:flex;flex-direction:column;gap:.35rem;color:var(--text-muted);font-size:.95rem}.career-timeline{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.75rem}.timeline-list{display:flex;flex-direction:column;gap:1.25rem}.timeline-card{display:grid;grid-template-columns:auto 1fr;gap:1.5rem}.timeline-marker{position:relative;width:24px;display:flex;flex-direction:column;align-items:center}.timeline-dot{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 6px var(--accent)}.timeline-line{flex:1;width:2px;background:var(--accent-muted);margin-top:.5rem}.timeline-line--faded{background:linear-gradient(var(--accent-muted),transparent);min-height:24px}.timeline-content{padding:1.5rem;border-radius:20px;border:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 20px #0508142e}.timeline-content header h3{font-size:1.35rem}.timeline-content header h3 span{color:var(--text-muted);font-size:1rem}.timeline-period{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--text-muted)}.contribution-list{list-style:disc;margin-left:1.25rem;color:var(--text-muted);display:flex;flex-direction:column;gap:.4rem;font-size:.95rem}.timeline-toggle{align-self:center;margin-top:.5rem;border:1px solid var(--accent);border-radius:999px;background:transparent;color:var(--accent);font-weight:600;padding:.65rem 1.5rem;cursor:pointer;transition:background .15s ease}.timeline-toggle:hover{background:var(--accent-muted)}.contact-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;background:var(--surface);padding:2rem;border-radius:26px;border:1px solid var(--border)}.pill-list{list-style:none;display:flex;gap:.6rem;flex-wrap:wrap}.pill-list li{background:var(--pill-bg);padding:.5rem 1rem;border-radius:999px;font-weight:500}.contact-list{list-style:none;display:flex;flex-direction:column;gap:.9rem;width:100%}.contact-list li{width:100%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.9rem 1rem;border-radius:18px;background:var(--surface);border:1px solid var(--border);box-shadow:0 12px 22px #0508142e}.contact-meta{display:flex;flex-direction:column;gap:1rem}.contact-icon{width:1.75rem;height:1.75rem;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;text-transform:uppercase;color:var(--text);transition:background .15s ease,border-color .15s ease,color .15s ease}.contact-icon svg{width:1em;height:1em}.contact-value{text-align:left;color:var(--text);font-weight:600;word-break:break-word}.contact-list li:hover .contact-icon{border-color:var(--accent);color:var(--accent)}[data-theme=light] .contact-icon{background:#0c14240d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-footer{text-align:center;color:var(--text-muted);font-size:.9rem;padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}@media (max-width: 880px){.site-header-inner{flex-wrap:nowrap}.site-header nav{display:none}.hero-resume-actions{display:block}}@media (max-width: 640px){.hero,.career-timeline,.projects,.contact-panel,.impact-panel,.education-section,.languages-section,.system-architecture,.skills-panel{padding:1.5rem}.metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.site-header{padding:1rem}.site-header-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}}@media (max-width: 420px){.app-shell{padding:2.5rem 1rem 3rem}.hero,.career-timeline,.projects,.contact-panel,.impact-panel,.education-section,.languages-section,.system-architecture,.skills-panel{padding:1.25rem}.metrics,.projects .project-grid,.impact-grid,.skills-grid,.education-grid,.language-badges,.architecture-diagram{grid-template-columns:1fr}.language-badges li,.project-card,.impact-card,.timeline-content,.skills-card,.education-card{width:100%}.resume-btn{min-width:100%}}.system-architecture{background:var(--surface);border-radius:26px;border:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.architecture-diagram{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.arch-column{display:flex;flex-direction:column;gap:.75rem}.column-label{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--text-muted)}.arch-node{border-radius:18px;border:1px solid var(--border);padding:1rem 1.2rem;background:var(--surface-alt);position:relative;overflow:hidden}.arch-node:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:1px solid transparent;pointer-events:none}.edge-node:after{border-color:#4f8cff66}.service-node:after{border-color:#00d1b259}.data-node:after{border-color:#ffbc4266}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.architecture-legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--text-muted)}.legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:.35rem}.legend-dot.edge{background:var(--accent)}.legend-dot.service{background:#00d1b2}.legend-dot.data{background:#ffbc42}