.hero-office {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 28rem;
}

.hero-office::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.75) 45%, rgba(255, 255, 255, 0.55) 100%);
}

.hero-office .container {
  position: relative;
  z-index: 1;
}

.login-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 85vh;
  display: flex;
  align-items: center;
}

.login-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.88) 0%, rgba(255, 255, 255, 0.72) 50%, rgba(255, 255, 255, 0.6) 100%);
}

.login-hero .container {
  position: relative;
  z-index: 1;
}

.badge-staging { background-color: #0d6efd; }
.badge-paused { background-color: #6c757d; }
.badge-idea { background-color: #6f42c1; }
.badge-live { background-color: #198754; }
.badge-planned { background-color: #fd7e14; }
.badge-retired { background-color: #6c757d; }

.profile .profile-img {
  object-fit: cover;
  object-position: center top;
  border-radius: 1rem;
}

.stat-card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.login-card {
  border: 0;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
}

.min-vh-75 {
  min-height: 75vh;
}

.screenshot-card {
  display: block;
  max-height: 22rem;
  object-fit: cover;
  object-position: top center;
}

.screenshot-card-top {
  display: block;
  height: 12rem;
  object-fit: cover;
  object-position: top center;
}