:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#475569;
  --accent:#2563eb;
}

*{box-sizing:border-box;margin:0;padding:0}

body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}

a{color:var(--accent);text-decoration:none}

.container{max-width:1100px;margin:auto;padding:32px}

header{display:grid;grid-template-columns:120px 1fr;gap:24px;align-items:center;margin-bottom:48px}

header img{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent)}

h1{font-size:32px;margin-bottom:8px}

.subtitle{color:var(--muted)}

nav{margin-top:16px;display:flex;flex-wrap:wrap;gap:12px}

nav a{background:#eef2ff;padding:8px 14px;border-radius:20px;font-size:14px}

section{margin-bottom:48px}

h2{font-size:24px;margin-bottom:16px}

.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 10px 20px rgba(0,0,0,.04)}

.grid{display:grid;gap:20px}

.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}

ul{padding-left:20px}

li{margin-bottom:6px}

.tags{display:flex;flex-wrap:wrap;gap:8px}

.tag{background:#eef2ff;color:#1e3a8a;padding:6px 10px;border-radius:12px;font-size:13px}

footer{text-align:center;color:var(--muted);margin-top:40px;font-size:14px}