.landing-hero {
  border-radius: var(--radius-lg);
  background:
    radial-gradient(circle at 15% 10%, rgba(255, 255, 255, 0.24), transparent 35%),
    linear-gradient(130deg, #0e3021 0%, #167349 45%, #32d27d 100%);
  color: #fff;
  border: 0 !important;
}

.landing-title {
  font-size: 3rem;
  font-weight: 800;
}

.landing-subtitle {
  font-size: 1.1rem;
  max-width: 700px;
}

.feature-card {
  height: 100%;
}

.testimonials-wrap {
  background: linear-gradient(180deg, #fff, #f5fbf7) !important;
}

.auth-shell {
  min-height: calc(100vh - 56px);
  display: grid;
  place-items: center;
  padding: 32px 20px 44px;
}

.auth-panel {
  width: 100%;
  max-width: 1080px;
  background: #fff;
  border: 1px solid var(--vda-border);
  border-radius: 24px;
  box-shadow: var(--shadow-2);
  overflow: hidden;
}

.auth-cover {
  min-height: 540px;
  background:
    radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.35), transparent 38%),
    linear-gradient(145deg, #0f3e29, #198754 48%, #32d27d);
  color: #fff;
  padding: 44px 38px;
}

.auth-cover h2 {
  color: #fff;
  font-size: 2rem;
}

.auth-form-wrap {
  padding: 40px 36px;
}

.auth-kicker {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #2b8058;
}

@media (max-width: 991.98px) {
  .auth-cover {
    min-height: auto;
  }

  .auth-shell {
    min-height: auto;
    padding: 20px 14px 30px;
  }

  .auth-form-wrap {
    padding: 28px 22px;
  }

  .landing-title {
    font-size: 2.2rem;
  }
}

body.vda-auth-page {
  background:
    radial-gradient(circle at 20% 15%, rgba(50, 210, 125, 0.12), transparent 26%),
    radial-gradient(circle at 82% 20%, rgba(25, 135, 84, 0.08), transparent 28%),
    #eef4ef;
}

body.vda-auth-page main.auth-page-main {
  width: 100%;
  max-width: none;
  margin-left: 0 !important;
  padding: 0 !important;
}

body.vda-auth-page .footer {
  display: none !important;
}

body.vda-auth-page .container-fluid {
  padding: 0;
}

body.vda-auth-page .navbar {
  position: sticky;
  top: 0;
  z-index: 1030;
}

body.vda-auth-page .navbar .navbar-toggler {
  display: none !important;
}

body.vda-auth-page .navbar .header-center-slot {
  background: transparent !important;
}

body.vda-auth-page .nav-link[href="/auth/login"] {
  opacity: 0.9;
}

body.vda-auth-page .auth-panel {
  backdrop-filter: blur(8px);
}

body.vda-auth-page .auth-form-wrap,
body.vda-auth-page .auth-form-wrap h1,
body.vda-auth-page .auth-form-wrap h2,
body.vda-auth-page .auth-form-wrap h3,
body.vda-auth-page .auth-form-wrap label,
body.vda-auth-page .auth-form-wrap p,
body.vda-auth-page .auth-form-wrap .form-text,
body.vda-auth-page .auth-form-wrap .invalid-feedback {
  color: #173021 !important;
}

body.vda-auth-page .auth-form-wrap .form-control,
body.vda-auth-page .auth-form-wrap .input-group-text,
body.vda-auth-page .auth-form-wrap .input-group-append .btn {
  background: #fff !important;
  border-color: #d8e7de !important;
  color: #203428 !important;
}

body.vda-auth-page .auth-form-wrap .input-group-text {
  background: #f5faf7 !important;
}

body.vda-auth-page .auth-form-wrap .form-control::placeholder {
  color: #95a29b !important;
}

body.vda-auth-page .auth-form-wrap .input-group-append .btn i {
  color: #274232 !important;
}

body.vda-auth-page .auth-form-wrap .input-group-append .btn:hover,
body.vda-auth-page .auth-form-wrap .input-group-append .btn:focus {
  background: #f4faf6 !important;
  color: #173021 !important;
}

body.vda-auth-page .auth-form-wrap .btn-primary {
  color: #fff !important;
}