:root{
  --bg:#0b0c10; --panel:#11131a; --text:#e9eef7; --muted:#b6c1d6;
  --border:rgba(255,255,255,.12); --max:980px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
body{background:var(--bg);color:var(--text);line-height:1.6}
a{color:inherit}
.container{max-width:var(--max);margin:0 auto;padding:24px}
.section{padding:34px 0}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.brand{text-decoration:none;font-weight:800}
.links{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.links a{text-decoration:none;color:var(--muted)}
.links a:hover{color:var(--text)}
.button{display:inline-block;padding:10px 14px;border-radius:12px;background:var(--text);color:#0b0c10;text-decoration:none;font-weight:700}
.button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}
.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:22px;padding:54px 0 10px;align-items:center}
.muted{color:var(--muted)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.chip{border:1px solid var(--border);border-radius:999px;padding:6px 10px;color:var(--muted)}
.avatar{width:220px;height:220px;object-fit:cover;border-radius:22px;border:1px solid var(--border);background:var(--panel)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:14px}
.card-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.card-links a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--border)}
.footer{padding:24px 24px 48px;opacity:.95}
@media (max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.avatar{width:180px;height:180px}}