body { font-family: Arial, sans-serif; margin:0; background:#d6faf9; color:#222; }
.container { width:90%; max-width:1000px; margin:auto; }
.nav { background:#033973; border-bottom:1px solid #eee; }
.nav-inner { display:flex; justify-content:space-between; align-items:center; padding:15px 0; }
.logo { font-weight:bold; }
.nav a { margin:0 10px; text-decoration:none; color:#d0e4f4; font-weight: 600;}
.btn { background:#000; color:#ffffff; padding:8px 12px; text-decoration:none; }
.hero { display:flex; gap:40px; padding:40px 0; }
.profile-pic { width:150px; height:150px; background:#ddd; display:flex; align-items:center; justify-content:center; }
.section { padding:40px 0; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; }
.card { padding:20px; background:#fff; border:1px solid #eee; text-align:center; }
.portfolio-item { background:#fff; padding:20px; border:1px solid #eee; }
.thumb { height:120px; background:#ccc; margin-bottom:10px; }
.footer { text-align:center; padding:20px; background:#fff; border-top:1px solid #eee; }