body { font-family: Arial, sans-serif; margin:0; color:#222 }
header { display:flex; align-items:center; justify-content:space-between; padding:12px 24px; background:#f5f5f5 }
.logo { height:60px }
nav a { margin-left:16px; text-decoration:none; color:#333; font-weight:600 }
.hero { text-align:center; padding:24px }
.hero img { max-width:100%; height:auto; border-radius:8px; }
.cards { padding:24px }
.card-grid { display:flex; gap:16px; flex-wrap:wrap }
.card { background:#fff; border:1px solid #eee; padding:16px; flex:1; min-width:220px; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.05) }
.portfolio-grid { display:flex; gap:12px; flex-wrap:wrap; justify-content:center; padding:12px }
.portfolio-grid img { max-width:45%; height:auto; border-radius:6px; box-shadow:0 2px 6px rgba(0,0,0,0.08) }
.contact { padding:24px; background:#fafafa }
footer { text-align:center; padding:12px; font-size:14px; color:#666 }