:root{
  --bg:#f4f7fb;
  --card:#ffffff;
  --accent:#0a66c2;
  --text:#0f1720;
}
*{box-sizing:border-box}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial;margin:24px;background:var(--bg);color:var(--text)}
.card{max-width:760px;margin:24px auto;padding:28px;background:var(--card);border-radius:12px;box-shadow:0 6px 24px rgba(15,23,32,0.08)}
.profile-head{display:flex;gap:18px;align-items:center;margin-bottom:12px}
.avatar{width:96px;height:96px;border-radius:12px;object-fit:cover;border:2px solid rgba(10,102,194,0.08)}
h1{margin:0;font-size:1.6rem}
.subtitle{margin:4px 0;color:#475569}
.contact a{color:var(--accent);text-decoration:none}
.certs{margin:12px 0 20px 0;padding:0;list-style:none}
.certs li{display:flex;align-items:flex-start;gap:14px;padding:10px 12px;border-bottom:1px solid rgba(15,23,32,0.04)}
.cert-icon{width:48px;height:48px;flex:0 0 48px;border-radius:8px}
.cert-content{display:flex;flex-direction:column}
.certs strong{display:block;font-size:1rem;margin-bottom:4px}
.meta{color:#64748b;font-size:0.95rem}
.meta.small{color:#94a3b8;font-size:0.85rem;margin-top:4px}
.about{color:#334155}
footer{margin-top:20px;color:#64748b;font-size:0.9rem}
@media (max-width:720px){.certs li{gap:10px}.cert-icon{width:40px;height:40px;flex:0 0 40px}}
@media (max-width:520px){.profile-head{flex-direction:row;gap:12px}.avatar{width:72px;height:72px}}