/* styles.css — clean teal design, Poppins font */
:root{
  --bg:#f7faf9;
  --card:#ffffff;
  --text:#0f1724;
  --muted:#6b7280;
  --accent:#0fb9a3;
  --radius:10px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,'Helvetica Neue',Arial; background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
.container{max-width:920px;margin:32px auto;padding:20px}
.hero{background:linear-gradient(90deg, rgba(15,185,163,0.06), rgba(15,185,163,0.03));padding:28px;border-radius:var(--radius);margin-bottom:20px}
.hero-inner{display:flex;gap:20px;align-items:center}
.avatar{width:120px;height:120px;border-radius:999px;object-fit:cover;border:4px solid rgba(15,185,163,0.12)}
.name{margin:0;font-size:1.6rem;font-weight:700}
.headline{margin:6px 0;color:var(--muted);font-weight:600}
.cta{margin-top:10px}
.btn{display:inline-block;padding:10px 14px;border-radius:8px;text-decoration:none;font-weight:600;margin-right:8px}
.btn.primary{background:var(--accent);color:#fff}
.btn.outline{border:2px solid var(--accent);color:var(--accent);background:transparent}
.card{background:var(--card);padding:18px;border-radius:var(--radius);margin-bottom:18px;box-shadow:0 1px 2px rgba(15,23,42,0.04)}
.card h2{margin-top:0}
.role h3, .edu h3, .project h3{margin:0 0 6px 0}
.meta{color:var(--muted);font-size:0.95rem;margin-bottom:8px}
.skills{display:flex;flex-wrap:wrap;gap:8px}
.skills span{background:rgba(15,185,163,0.08);color:var(--accent);padding:6px 10px;border-radius:999px;font-weight:600}
.footer{text-align:center;color:var(--muted);font-size:0.9rem;margin-top:12px}
@media (max-width:720px){
  .hero-inner{flex-direction:column;align-items:flex-start}
  .avatar{width:96px;height:96px}
}

/* Accessibility small touches */
a{color:var(--accent)}