:root{--bg:#fafaf9;--surface:#fff;--text:#1c1917;--muted:#57534e;--border:#e7e5e4;--brand:#1c7ed6;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--surface:#1c1917;--text:#f5f5f4;--muted:#a8a29e;--border:#292524;--brand:#4dabf7}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);margin:0}a{color:inherit}h1,h2,h3{margin:0;line-height:1.15}#root{max-width:1100px;margin:0 auto;padding:0 20px}.nav{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.logo{transition:transform .2s;display:flex}.logo img{display:block}.logo:hover{transform:translateY(-1px)}.nav nav{gap:24px;display:flex}.nav nav a{color:var(--muted);font-size:.95rem;text-decoration:none}.nav nav a:hover{color:var(--text)}.hero{padding:48px 0 72px}.hero h1{letter-spacing:-.03em;font-size:clamp(2.75rem,8vw,4.5rem)}.lede{color:var(--muted);max-width:560px;margin:20px 0 32px;font-size:1.2rem}.hero-links{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s;display:inline-block}.btn:hover{border-color:var(--muted);transform:translateY(-1px)}.btn-primary{background:var(--text);color:var(--bg);border-color:var(--text)}.section{border-top:1px solid var(--border);padding:56px 0}.section h2{letter-spacing:-.02em;margin-bottom:28px;font-size:1.75rem}.grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.card:hover{box-shadow:0 12px 32px -12px color-mix(in srgb, var(--accent) 45%, transparent);transform:translateY(-4px)}.card-banner{background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 55%, #000));justify-content:center;align-items:center;height:120px;display:flex}.card-initial{color:#ffffffe6;font-size:3rem;font-weight:800}.card-body{flex-direction:column;flex:1;padding:20px;display:flex}.card-tagline{color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:.8rem;font-weight:700}.card h3{font-size:1.3rem}.card-desc{color:var(--muted);margin:10px 0 16px;font-size:.95rem}.tags{flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none;display:flex}.tags li{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);border-radius:999px;padding:3px 10px;font-size:.75rem}.card-links{gap:10px;margin-top:auto;display:flex}.about>p{color:var(--muted);max-width:680px;margin:0 0 16px;font-size:1.05rem}.strengths{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;margin-top:32px;display:grid}.strength{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px}.strength h3{margin-bottom:6px;font-size:1rem}.strength p{color:var(--muted);margin:0;font-size:.9rem}.timeline{border-left:2px solid var(--border);margin:0;padding:0;list-style:none}.job{padding:0 0 36px 24px;position:relative}.job:last-child{padding-bottom:0}.job:before{content:"";background:var(--brand);border-radius:50%;width:12px;height:12px;position:absolute;top:6px;left:-7px}.job h3{font-size:1.15rem}.job-company{color:var(--brand);font-weight:600}.job-meta{color:var(--muted);margin:4px 0 0;font-size:.85rem}.job ul{color:var(--muted);max-width:720px;margin:12px 0 0;padding-left:18px}.job ul li+li{margin-top:4px}.skills{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:24px;display:grid}.skills h3,.edu-title{margin-bottom:10px;font-size:1rem}.skills .tags{margin:0}.skills .tags li{background:color-mix(in srgb, var(--brand) 12%, transparent)}.edu-title{margin-top:36px}.edu{color:var(--muted);margin:0;padding-left:18px}.edu strong{color:var(--text)}.hero-role{margin:12px 0 0;font-size:1.1rem;font-weight:600}.contact-links{flex-wrap:wrap;gap:24px;display:flex}.contact-links a{-webkit-text-decoration-color:var(--brand);text-decoration-color:var(--brand);text-underline-offset:4px;font-weight:600}.footer{color:var(--muted);border-top:1px solid var(--border);padding:40px 0;font-size:.85rem}@media (width<=560px){.nav nav{gap:16px}.hero{padding:32px 0 48px}}