body {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        color: #000;
        display: flex;
        flex-direction: column;
        min-height: 100vh;
      }

      .navbar-light .navbar-nav .nav-link {
        color: #555;
        font-weight: 500;
        padding-left: 2.0rem !important;
        padding-right: 2.0rem !important;
      }

      .btn-strata-dark {
        background-color: #343a40;
        color: #fff;
        border-radius: 50px;
        padding: 12px 30px;
        font-weight: 600;
        border: none;
        transition: background-color 0.2s ease;
      }

      .btn-strata-dark:hover {
        background-color: #23272b;
        color: #fff;
      }

      .hero-section {
        padding-top: 50px;
        padding-bottom: 50px;
        flex: 1;
      }

      .hero-heading {
        font-weight: 800;
        font-size: 3.5rem;
        line-height: 1.1;
        margin-bottom: 1.5rem;
      }

      .hero-subtext {
        color: #555;
        font-size: 1.25rem;
        line-height: 1.6;
        margin-bottom: 2rem;
        max-width: 600px;
      }

      footer {
        font-size: 0.8rem;
        color: #777;
        padding: 20px 0;
        text-align: center;
      }