:root{--bg-dark:#17151f;--gradient:linear-gradient(135deg, #2a1148 0%, #4a2a86 45%, #3c4fb0 100%);--card-bg:#fff;--text-dark:#1c1a22;--text-muted:#5b5763;--accent-blue:#3b6fe0;--accent-blue-hover:#2f5bc4;--accent-gold:#c9a24b;--pill-bg:#f2f0f6;--pill-text:#4a3f70;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font:16px/1.5 system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--gradient);min-height:100vh;margin:0}a{color:inherit}button{font:inherit}#root{flex-direction:column;min-height:100vh;display:flex}.navbar{background:var(--bg-dark);justify-content:space-between;align-items:center;padding:20px 48px;display:flex}.navbar .logo{letter-spacing:2px;color:var(--accent-gold);font-family:Georgia,Times New Roman,serif;font-size:22px}.navbar nav{gap:32px;display:flex}.navbar nav a{color:#d8d5e0;font-size:15px;text-decoration:none}.navbar nav a:hover{color:#fff}.hero{text-align:center;color:#fff;padding:96px 24px 32px}.hero h1{margin:0 0 16px;font-size:56px;font-weight:600}.hero .tagline{color:#d8d5e0;margin:0 0 40px;font-size:19px}.cta{background:var(--accent-blue);color:#fff;border-radius:8px;padding:14px 32px;font-size:16px;text-decoration:none;transition:background .15s;display:inline-block}.cta:hover{background:var(--accent-blue-hover)}.cta.outline{border:1px solid var(--accent-blue);color:var(--accent-blue);background:0 0;padding:12px 28px}.cta.outline:hover{background:var(--accent-blue);color:#fff}.skills{background:var(--card-bg);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:32px;max-width:760px;margin:0 auto 48px;padding:40px 24px;display:grid;box-shadow:0 20px 40px #0003}.skill-card h2{color:var(--text-dark);margin:0 0 12px;font-size:22px}.skill-card p{color:var(--text-muted);margin:0;font-size:15px;line-height:1.6}.about{justify-content:center;padding:0 24px 64px;display:flex}.about-card{background:var(--card-bg);text-align:center;border-radius:16px;width:100%;max-width:760px;padding:48px;box-shadow:0 20px 40px #0003}.about-card h2{color:var(--text-dark);margin:0 0 32px;font-size:28px}.avatar{background:var(--gradient);color:#fff;letter-spacing:2px;border-radius:50%;justify-content:center;align-items:center;width:160px;height:160px;margin:0 auto 24px;font-family:Georgia,Times New Roman,serif;font-size:48px;display:flex}.avatar-photo{object-fit:cover;border-radius:50%;width:160px;height:160px;margin:0 auto 24px;display:block;box-shadow:0 4px 16px #00000040}.roles{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:16px;display:flex}.role-pill{background:var(--pill-bg);color:var(--pill-text);border-radius:999px;padding:6px 14px;font-size:13px}.about-card p{text-align:left;color:var(--text-dark);margin-bottom:20px;line-height:1.7}.about-card .cta{margin-top:12px}.experience,.education{justify-content:center;padding:0 24px 64px;display:flex}.experience h2,.education h2{text-align:center}.experience>h2,.education>h2{color:#fff;width:100%;margin:0 0 32px;font-size:32px}.experience>h2+.subsection-heading{margin-top:0}.experience,.education{flex-direction:column;align-items:center}.timeline{flex-direction:column;gap:24px;width:100%;max-width:760px;display:flex}.timeline-item{background:var(--card-bg);text-align:left;border-radius:16px;padding:32px;box-shadow:0 20px 40px #0003}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.timeline-item h3{color:var(--text-dark);margin:0;font-size:19px}.timeline-item .period{color:var(--accent-blue);white-space:nowrap;font-size:14px;font-weight:600}.timeline-item .employer{color:var(--accent-gold);margin:4px 0 12px;font-weight:600}.timeline-item p:not(.employer){color:var(--text-muted);margin:0;line-height:1.65}.languages-heading,.subsection-heading{color:#fff;text-align:center;margin:40px 0 16px;font-size:20px}.languages{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.strengths-list{color:var(--text-muted);margin:0;padding-left:20px;line-height:1.65}.strengths-list li{margin-bottom:12px}.strengths-list li:last-child{margin-bottom:0}.contact{text-align:center;color:#fff;padding:48px 24px 64px}.contact h2{margin:0 0 12px;font-size:24px}.contact a{color:#fff;text-decoration:underline}.contact .location{color:#d8d5e0;margin-top:8px}@media (width<=860px){.skills{grid-template-columns:1fr}.navbar{padding:16px 24px}.navbar nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.navbar nav a{font-size:13px}.timeline-item{padding:24px}.hero h1{font-size:36px}.about-card{padding:32px 24px}}