body {
      font-family: 'Segoe UI', sans-serif;
      background: #f4f6f7;
      color: #2d2d2d;
      scroll-behavior: smooth;
    }
    .navbar {
      background-color: #2c3e50;
    }
    .navbar-brand, .nav-link {
      color: #fff !important;
    }
    /* .hero {
      background: url('https://images.unsplash.com/photo-1630075319951-ec6d533b8f7a?auto=format&fit=crop&w=1470&q=80') center/cover no-repeat;
      color: #fff;
      padding: 6rem 0;
      position: relative;
    } */
    .hero {
  background-color: #000000b0;
  color: #fff;
  padding: 6rem 0;
  position: relative;
}

    .hero::before {
      content: "";
      position: absolute;
      top: 0; left: 0; width: 100%; height: 100%;
      background: rgba(14, 13, 13, 0.65);
      z-index: 1;
    }
    .hero .container {
      position: relative;
      z-index: 2;
    }
    .section-title {
      color: #2c3e50;
      margin-bottom: 2rem;
    }
    .badge-skill {
      background-color: #2c3e50;
      color: #fff;
      padding: 0.5rem 0.75rem;
      border-radius: 20px;
      display: flex;
      align-items: center;
      gap: 0.5rem;
      font-size: 0.9rem;
    }
    .card {
      border: none;
      border-radius: 1rem;
      box-shadow: 0 8px 16px rgba(0,0,0,0.1);
    }
    footer {
      background: #2c3e50;
      color: white;
      padding: 2rem 0;
    }
    footer a {
      color: #bbb;
      transition: color 0.3s;
    }
    footer a:hover {
      color: #fff;
    }