:root{--bg:#0b1020;--panel:#131a3a;--ink:#e7ecff;--muted:#9fb0d9;--acc1:#5bc0ff;--acc2:#00e395}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial;background:#0b1020;color:var(--ink)}
a{color:var(--acc1);text-decoration:none}
a:hover{text-decoration:underline}
.container{width:min(1100px,92%);margin:0 auto}
.nav{position:sticky;top:0;background:#111;padding:10px}
.nav-inner{display:flex;align-items:center;gap:16px}
.brand img{height:56px;width:auto;border-radius:6px;background:#0b1020}
.menu{margin-left:auto;display:flex;gap:18px}
.menu a.active{background:#1b224b;padding:6px 8px;border-radius:4px}
.pill{padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,var(--acc1),var(--acc2));color:#04121a;font-weight:700;cursor:pointer;border:0}
.section{padding:42px 0}
.card{background:var(--panel);border-radius:12px;padding:18px}
.headshot{width:140px;height:140px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 16px rgba(0,0,0,.4)}
.hero-grid{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
footer{padding:20px;text-align:center;color:var(--muted)}