:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text: #0f172a;--panel: rgba(255, 255, 255, .78);--panel-strong: rgba(255, 255, 255, .92);--line: rgba(148, 163, 184, .22);--line-strong: rgba(59, 130, 246, .22);--text-soft: #334155;--text-muted: #64748b;--accent: #0284c7;--accent-2: #7c3aed;--page-bg: radial-gradient(circle at 15% 15%, rgba(14, 165, 233, .1), transparent 24%), radial-gradient(circle at 85% 10%, rgba(139, 92, 246, .1), transparent 24%), linear-gradient(180deg, #f8fbff 0%, #eef4ff 42%, #f8fafc 100%);--grid-line: rgba(148, 163, 184, .06);--elevation: 0 24px 70px rgba(148, 163, 184, .16);--hero-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .94)), radial-gradient(circle at top right, rgba(34, 211, 238, .08), transparent 35%);--hero-orb-primary: rgba(103, 232, 249, .18);--hero-orb-secondary: rgba(139, 92, 246, .14);--subtle-surface: rgba(255, 255, 255, .65);--brand-mark-bg: linear-gradient(135deg, rgba(14, 165, 233, .16), rgba(124, 58, 237, .2));--brand-mark-text: #0f172a;--nav-hover-bg: rgba(59, 130, 246, .08);--nav-hover-text: #0f172a;--role-text: #1d4ed8;--pill-bg: rgba(255, 255, 255, .8);--pill-text: #1e293b;--primary-button-shadow: 0 12px 30px rgba(59, 130, 246, .2);--contact-bg: linear-gradient(180deg, rgba(255, 255, 255, .86), rgba(255, 255, 255, .96));--section-bg: linear-gradient(180deg, rgba(255, 255, 255, .76), rgba(255, 255, 255, .94));--highlight-bg: linear-gradient(180deg, rgba(255, 255, 255, .88), rgba(248, 250, 252, .96)), radial-gradient(circle at top right, rgba(14, 165, 233, .08), transparent 45%);--card-bg: linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(248, 250, 252, .96));--footer-bg: linear-gradient(180deg, rgba(255, 255, 255, .84), rgba(255, 255, 255, .96)), radial-gradient(circle at top left, rgba(139, 92, 246, .1), transparent 40%)}:root[data-theme=dark]{color-scheme:dark;--text: #f8fafc;--panel: rgba(15, 23, 42, .72);--panel-strong: rgba(15, 23, 42, .88);--line: rgba(148, 163, 184, .14);--line-strong: rgba(125, 211, 252, .24);--text-soft: #cbd5e1;--text-muted: #94a3b8;--accent: #67e8f9;--accent-2: #8b5cf6;--page-bg: radial-gradient(circle at 15% 15%, rgba(34, 211, 238, .12), transparent 24%), radial-gradient(circle at 85% 10%, rgba(139, 92, 246, .16), transparent 24%), linear-gradient(180deg, #030712 0%, #07111f 38%, #020617 100%);--grid-line: rgba(148, 163, 184, .05);--elevation: 0 28px 90px rgba(2, 8, 23, .34);--hero-bg: linear-gradient(180deg, rgba(15, 23, 42, .8), rgba(9, 17, 30, .9)), radial-gradient(circle at top right, rgba(34, 211, 238, .12), transparent 35%);--hero-orb-primary: rgba(103, 232, 249, .12);--hero-orb-secondary: rgba(139, 92, 246, .16);--subtle-surface: rgba(15, 23, 42, .5);--brand-mark-bg: linear-gradient(135deg, rgba(103, 232, 249, .2), rgba(139, 92, 246, .24));--brand-mark-text: #ffffff;--nav-hover-bg: rgba(125, 211, 252, .08);--nav-hover-text: #ffffff;--role-text: #bfdbfe;--pill-bg: rgba(15, 23, 42, .9);--pill-text: #e2e8f0;--primary-button-shadow: 0 12px 30px rgba(14, 165, 233, .28);--contact-bg: linear-gradient(180deg, rgba(15, 23, 42, .82), rgba(10, 15, 27, .92));--section-bg: linear-gradient(180deg, rgba(15, 23, 42, .74), rgba(15, 23, 42, .92));--highlight-bg: linear-gradient(180deg, rgba(15, 23, 42, .84), rgba(15, 23, 42, .92)), radial-gradient(circle at top right, rgba(103, 232, 249, .08), transparent 45%);--card-bg: linear-gradient(180deg, rgba(15, 23, 42, .72), rgba(9, 17, 30, .92));--footer-bg: linear-gradient(180deg, rgba(15, 23, 42, .8), rgba(15, 23, 42, .94)), radial-gradient(circle at top left, rgba(139, 92, 246, .12), transparent 40%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--text);background:var(--page-bg)}a{color:inherit;text-decoration:none}button,p,h1,h2,h3,ul{margin:0}ul{padding-left:1.2rem}#root{width:100%}.app-shell{position:relative;max-width:1240px;margin:0 auto;padding:28px}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.topbar,.hero,.section,.footer,.panel-card,.timeline-card,.project-card,.skill-card,.education-card,.contact-card,.highlight-card{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--elevation)}.hero,.section,.footer,.contact-card,.panel-card,.timeline-card,.project-card,.skill-card,.education-card,.highlight-card{border-radius:28px}.hero{position:relative;overflow:hidden;padding:24px;background:var(--hero-bg)}.hero-orb{position:absolute;border-radius:999px;filter:blur(18px);opacity:.7;pointer-events:none}.hero-orb-primary{top:72px;right:80px;width:180px;height:180px;background:var(--hero-orb-primary)}.hero-orb-secondary{bottom:60px;left:-30px;width:160px;height:160px;background:var(--hero-orb-secondary)}.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;border-radius:18px;background:var(--subtle-surface)}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:14px;background:var(--brand-mark-bg);color:var(--brand-mark-text);font-weight:800;letter-spacing:.06em;box-shadow:inset 0 0 0 1px #ffffff4d}.brand{font-weight:700;letter-spacing:.02em}.nav-links{display:flex;flex-wrap:wrap;gap:10px;color:var(--text-soft)}.nav-links a{padding:10px 14px;border-radius:999px;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-links a:hover{background:var(--nav-hover-bg);color:var(--nav-hover-text);transform:translateY(-1px)}.theme-toggle{display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel-strong);color:var(--text-soft);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--line-strong)}.theme-toggle-track{position:relative;width:42px;height:24px;border-radius:999px;background:linear-gradient(135deg,#3b82f633,#7c3aed2e)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--panel-strong);box-shadow:0 4px 12px #0f172a2e;transition:transform .18s ease}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(18px)}.theme-toggle-label{font-size:.92rem;font-weight:600}.hero-grid,.two-column,.skill-layout,.footer,.extras-grid{display:grid;gap:24px}.hero-grid{position:relative;z-index:1;grid-template-columns:minmax(0,1.65fr) minmax(310px,.95fr);align-items:start;padding-top:40px}.hero-copy{max-width:760px}.hero-heading-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.eyebrow,.section-label,.meta,.org{color:var(--accent)}.eyebrow,.section-label,.meta{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero h1,.section h2,.footer h2{font-size:clamp(2.4rem,4.4vw,5rem);line-height:.98;margin-top:10px}.section h2,.footer h2{font-size:clamp(1.75rem,3vw,2.6rem)}.hero-role{margin-top:16px;font-size:1.12rem;color:var(--role-text)}.hero-tagline,.muted-text,.project-card p,.education-card p,.timeline-card li,.plain-list,.contact-card span,.contact-card strong{color:var(--text-soft)}.hero-tagline{max-width:62ch;margin-top:18px;font-size:1.08rem}.pill-row,.footer-actions{display:flex;flex-wrap:wrap;gap:12px}.pill,.location-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;color:var(--pill-text);background:var(--pill-bg);border-radius:999px;border:1px solid rgba(148,163,184,.16)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 20px;border-radius:999px;font-weight:700;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button-icon{width:18px;height:18px;flex:0 0 auto}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,#0284c7,#3b82f6);color:#fff;box-shadow:var(--primary-button-shadow)}.button-secondary{border:1px solid rgba(59,130,246,.24);background:#3b82f614}.button-tertiary{border:1px solid rgba(124,58,237,.22);background:#7c3aed14}.contact-card{padding:22px;background:var(--contact-bg)}.contact-card-body{display:grid;gap:18px;margin-top:20px}.contact-card-item{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.14)}.contact-card-item:last-child{border-bottom:0;padding-bottom:0}.contact-card-item span,.timeline-meta span,.list-row span{color:var(--text-muted)}.section,.footer{margin-top:24px;padding:30px}.about-section{background:var(--section-bg)}.about-copy{display:grid;gap:14px}.two-column,.skill-layout,.footer{grid-template-columns:minmax(0,.88fr) minmax(0,1.32fr)}.stack{display:grid}.gap-sm{gap:10px}.gap-md{gap:16px}.highlight-grid,.cards-grid,.extras-grid{display:grid;gap:16px}.highlight-grid,.cards-grid.compact-grid,.extras-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.highlight-card,.panel-card,.project-card,.skill-card{padding:20px}.highlight-card-accent{background:var(--highlight-bg);border-color:var(--line-strong)}.timeline{display:grid;gap:18px;margin-top:20px}.timeline-card{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:24px;padding:24px;background:var(--card-bg)}.timeline-meta{display:grid;gap:6px}.timeline-meta p,.location-chip,.list-row strong{color:#0f172a}.timeline-card h3,.project-card h3,.skill-card h3,.education-card h3{font-size:1.1rem;margin-bottom:10px}.timeline-card h3 span,.org{color:#0284c7}.timeline-card ul,.plain-list{display:grid;gap:10px}.project-card,.education-card,.skill-card,.panel-card{display:grid;gap:10px;background:var(--card-bg)}.education-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:20px}.list-row{display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid rgba(148,163,184,.14)}.list-row:last-child{border-bottom:0;padding-bottom:0}.footer{align-items:center;background:var(--footer-bg)}.footer-copy{display:grid;gap:12px}@media(max-width:960px){.app-shell{padding:18px}.hero-grid,.two-column,.skill-layout,.footer,.timeline-card,.education-card{grid-template-columns:1fr}.hero{padding:20px}}@media(max-width:720px){.topbar{display:grid}.hero h1,.section h2,.footer h2{line-height:1.03}.section,.footer{padding:22px}.hero-heading-row{align-items:flex-start}}.contact-card-label{display:inline-flex;align-items:center;gap:8px}.contact-icon{width:16px;height:16px;flex:0 0 auto}.contact-link{transition:color .18s ease,opacity .18s ease}.contact-link:hover{color:var(--accent)}.extras-section{display:grid;gap:22px}.extras-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.extras-section .panel-card{gap:0}.extras-section .panel-card>.section-label,.extras-header .section-label{margin:0}.extras-section .pill-row,.extras-section .plain-list{margin:0}