* { margin:0; padding:0; box-sizing:border-box; font-family: 'Heebo', sans-serif; }
body { background:#fff; color:#21243D; }

/* Navbar */
.logo-img { height:50px; width:50px; object-fit:contain; }
.nav-link { font-size:1.1rem; font-weight:500; color:#21243D !important; margin:0 1rem; }
.nav-link:hover { color:#FF6464 !important; }

/* Hero */
.hero { padding:6rem 0 4rem; }
.hero h1 { font-size:3.4rem; font-weight:700; margin-bottom:1.2rem; }
.hero p { font-size:1.2rem; line-height:1.7; }
.profile-img {
  width:300px; height:300px; object-fit:cover; border-radius:50%;
  border:5px solid #f8f9fa; box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

/* Desktop: text left, pic right */
@media (min-width: 992px) {
  .hero-row { align-items:center; }
  .hero-content { padding-right:2rem; }
  .profile-col { padding-left:0; text-align:right; }
}

/* Mobile: pic top, text bottom */
@media (max-width: 991px) {
  .hero { padding:4rem 0 3rem; }
  .hero h1, .hero p { text-align:center; }
  .profile-img { width:220px; height:220px; margin:0 auto 2.5rem; display:block; }
  .btn-danger { display:block; margin:2rem auto; width:fit-content; }
}

/* Recent Posts */
.recent-post { background:#EDF7FA; padding:5rem 0; }
.recent-post h2 { font-size:1.8rem; font-weight:600; }
.recent-post a { color:#00A8CC; text-decoration:none; font-weight:500; }
.recent-post a:hover { text-decoration:underline; }
.post-card {
  border:none; border-radius:10px; box-shadow:0 4px 15px rgba(0,0,0,0.08);
  transition:transform 0.3s;
}
.post-card:hover { transform:translateY(-6px); }
.post-title { font-size:1.6rem; font-weight:700; color:#21243D; }
.meta-data { font-size:1rem; color:#6c757d; }

/* Projects */
.featured-works { font-size:2.3rem; font-weight:700; margin-bottom:3rem; text-align:center; }
.project-card {
  border-radius:10px; overflow:hidden; box-shadow:0 4px 14px rgba(0,0,0,0.08);
  transition:transform 0.3s; margin-bottom:2.5rem;
}
.project-card:hover { transform:translateY(-6px); }
.image-wrapper img { width:100%; height:100%; object-fit:cover; }
@media (min-width:768px) { .image-wrapper { min-height:230px; } }
.card-title { font-size:1.8rem; font-weight:700; }
.nishi {
  background:#26375c; color:white; font-weight:900; padding:0.45em 0.9em;
  border-radius:50px; font-size:0.95rem;
}
.separator { color:#6c757d; margin:0 0.6rem; }
.category { color:#6c757d; font-weight:500; }
.card-text { font-size:1.05rem; line-height:1.65; color:#444; }

/* Skills */
.skills-section { padding:6rem 0; background:#f8f9fa; text-align:center; }
.skills-title { font-size:2.2rem; font-weight:700; margin-bottom:3rem; }
.btn-skill {
  padding:14px 38px; font-size:1.3rem; font-weight:600; border:none;
  border-radius:50px; margin:0.8rem; color:white; background:rgb(60,60,47);
  transition:all 0.3s;
}
.btn-skill:hover {
  background:linear-gradient(45deg, #00c6ff, #0072ff);
  transform:translateY(-4px); box-shadow:0 10px 20px rgba(0,114,255,0.3);
}

/* Footer */
footer { background:#21243D; color:white; padding:4rem 0 2rem; text-align:center; }
.social-icons i { font-size:1.8rem; margin:0 1.2rem; transition:color 0.3s; }
.social-icons i:hover { color:#FF6464; }

/* Extra responsive fix */
@media (max-width: 576px) {
  .hero h1 { font-size:2.4rem; }
  .profile-img { width:180px; height:180px; }
}