*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#0f172a;line-height:1.6;background-color:#f8fafc;background-image:radial-gradient(1200px 800px at -10% -10%,rgba(37,99,235,.1),transparent 60%),radial-gradient(1000px 700px at 110% 110%,rgba(99,102,241,.1),transparent 60%),linear-gradient(135deg,#f1f5f9,#e2e8f0d9 60%,#f8fafc);background-attachment:fixed}.container{width:92%;max-width:1100px;margin:0 auto}main{padding:24px 0 64px}section{margin:48px 0}img{max-width:100%;display:block}header{position:fixed;position:sticky;top:0;z-index:10;background:#ffffffd9;-webkit-backdrop-filter:blur(8px) saturate(160%);backdrop-filter:blur(8px) saturate(160%);border-bottom:1px solid #e2e8f0}.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.brand{font-weight:800;color:#111827;text-decoration:none}.nav a{text-decoration:none;color:#334155;font-weight:600;margin-left:18px}.nav a.active{color:#2563eb}.hero{text-align:center;padding:56px 0}.hero .education{display:inline-block;padding:6px 12px;background:#dbeafe;color:#1d4ed8;font-weight:700;border-radius:999px}.hero h1{font-size:3.35rem;margin:12px 0 8px}.hero .lead{max-width:70ch;margin:0 auto;color:#475569}.actions{margin-top:16px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.dark .hero .lead{color:#c2c2c2}.actions.left{justify-content:flex-start;gap:4px;margin-top:18px;padding-left:0}.actions.left .button{padding:0 2px;font-weight:600;font-size:14px}.button{display:inline-flex;text-decoration:none;gap:6px;font-size:1rem;border:2px solid transparent;border-radius:10px;padding:8px 12px;font-weight:800;cursor:pointer}.button.primary{background:#2563eb;color:#fff;border-color:#2563eb}.button.outline{background:transparent;color:#111827;border-color:#c8cbd1}.dark button.outline{background:transparent;color:#c8cbd1;border-color:#c8cbd1}.about-grid{display:grid;gap:24px;grid-template-columns:220px 1fr;align-items:start}.headshot{width:220px;height:220px;object-fit:cover;border-radius:999px;border:4px solid #2563eb}.about-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:12px}.grid{display:grid;gap:24px}@media (min-width: 768px){.grid.cols-2{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.grid.cols-3{grid-template-columns:1fr 1fr 1fr}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px #0f172a05;position:relative}.card .media{height:180px;display:grid;place-items:center}.card .media.blue{background:linear-gradient(135deg,#7c0d0d,#c60e0e);color:#fff}.card .media.purple{background:linear-gradient(135deg,#9b3f03,#c1652c);color:#fff}.card .media.pink{background:linear-gradient(135deg,#9a9c05,#dcdf35);color:#fff}.card .media.orange{background:linear-gradient(135deg,#0a6068,#36a7b2);color:#fff}.card .media.green{background:linear-gradient(135deg,#0a4607,#138726);color:#fff}.card .media.silver{background:linear-gradient(135deg,#142173,#585be0);color:#fff}.card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0000001a}.dark .card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #ffffff1a}.card{transition:transform .2s}.card .body{padding:18px}.card h2,.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:#475569}.dark .card p{margin:0;color:silver}.badges{margin-top:10px;display:flex;gap:8px 6px;flex-wrap:wrap}.badge{font-size:.75rem;padding:6px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:700}.pill{position:absolute;top:8px;right:8px;padding:6px 12px;border-radius:100px;font-size:.75rem;font-weight:800;line-height:1;background:#fff9;border:1px solid rgba(255,255,255,.3)}.pill.orange,.dark .pill.orange{color:#9b3f03}.pill.red,.dark .pill.red{color:#7c0d0d}.pill.blue,.dark .pill.blue{color:#142173}.pill.green,.dark .pill.green{color:#0a4607}.pill.cyan,.dark .pill.cyan{color:#0a6068}.pill.yellow,.dark .pill.yellow{color:#9a9c05}.page-title{text-align:center;margin-bottom:8px;font-size:2.35rem;font-weight:800}.page-subtitle{text-align:center;color:#475569;margin-top:0}.dark .page-subtitle{color:#c2c2c2}.form{max-width:680px;margin:0 auto}label{display:block;font-weight:800;margin:10px 0 6px}input,textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:10px}textarea{resize:vertical;min-height:140px}.controls{position:fixed;right:16px;bottom:16px;display:grid;gap:6px}.controls button{font-size:12px;padding:6px 10px;border-radius:8px;border:0;background:#0ea5e9;color:#000;cursor:pointer}.dark body{color:#e5e7eb;background-color:#0b0f19;background-image:radial-gradient(900px 650px at -10% -10%,rgba(37,99,235,.2),transparent 60%),radial-gradient(900px 650px at 110% 110%,rgba(99,102,241,.18),transparent 60%),linear-gradient(135deg,#0b0f19,#0f172a)}.dark header{background:#111827a6;border-color:#1f2937}.dark .nav a{color:#cbd5e1}.dark .card{background:#0f172a;border-color:#1f2937}.dark .badge{background:#0b1220;color:#e5e7eb}.actions .button:link,.actions .button:visited{color:#0f172a}.actions .button:hover{color:#2563eb}.actions .button.primary:hover,.dark .actions .button.primary:hover{color:#0f172a}.dark .actions .button:link,.dark .actions .button:visited{color:#c8cbd1}.dark .actions .button:hover{color:#fff}.badge a{color:inherit;text-decoration:none}.badge a:visited{color:inherit}.badge a:hover{color:#2563eb}ul{list-style-type:none;padding:0;margin:0}