/* Styles for profile.md (moved from embedded CSS) */
:root{--accent:#0b5cff;--muted:#6b7280;--bg:#f8fafc}
body{font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial;line-height:1.6;color:#0f172a}
.profile-card{max-width:900px;margin:28px auto;background:white;border-radius:12px;box-shadow:0 6px 18px rgba(13,38,76,0.08);overflow:hidden}
.hero{display:flex;gap:24px;padding:34px}
.avatar{flex:0 0 120px;height:120px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#00c2ff);display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:36px}
.meta h1{margin:0;font-size:28px}
.meta p{margin:6px 0;color:var(--muted)}
.section{padding:24px 34px;border-top:1px solid #f1f5f9}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pill{display:inline-block;padding:6px 10px;background:#f1f5ff;border-radius:999px;color:var(--accent);font-weight:600;margin:6px 6px 0 0}
.projects a{display:block;color:var(--accent);text-decoration:none;margin:6px 0}
.contact a{color:var(--accent);text-decoration:none}
@media (max-width:640px){.hero{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}