body {
        font-family: "Segoe UI", sans-serif;
        margin: 0;
        padding: 0;
      }

      /* Navbar */
      .navbar {
        background: #fff;
      }
      .navbar-brand {
        font-weight: 700;
        color: #0d1b2a;
      }
      .navbar-nav .nav-link {
        color: #000;
        font-weight: 500;
      }
      .btn-get-started {
        background-color: #0d1b2a;
        color: #fff;
        font-weight: 600;
        border-radius: 8px;
      }

      /* Hero Section */
      .hero {
        position: relative;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: #fff;
        overflow: hidden;
      }
      .hero img.bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: 0;
      }
      .hero::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.6); /* dark overlay */
        z-index: 1;
      }
      .hero .content {
        position: relative;
        z-index: 2;
      }
      .badge-custom {
        background: #c68c32;
        color: #fff;
        font-size: 0.9rem;
        padding: 8px 16px;
        border-radius: 25px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .hero h1 {
        font-size: 3rem;
        font-weight: 700;
        margin: 20px 0;
      }
      .hero h1 .highlight {
        color: #f5b301;
      }
      .hero p {
        max-width: 700px;
        margin: 20px auto;
        font-size: 1.1rem;
        color: #eee;
      }