.neos-version {
margin: 0 15px 0 -15px;
}

.neos-version select {
background-color: var(--bs-secondary);
color: var(--bs-light);
padding: 2px;
border: none;
font-size: 16px;
appearance: button;
outline: none;
border-radius: 3px;
}

.neos-version:hover::before {
color: rgba(255, 255, 255, 0.6);
background-color: rgba(255, 255, 255, 0.2);
}

.neos-version select option {
padding: 20px;
background-color: var(--bs-secondary);
color: rgb(var(--bs-secondary-bg-rgb));
}

.neos-hero-card,
.neos-surface-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 0.75rem 1.5rem rgba(15, 23, 42, 0.08);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease;
}

.neos-hero-card {
  background: linear-gradient(135deg, rgba(248, 249, 250, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);
}

.neos-surface-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 249, 250, 0.98) 100%);
}

.neos-surface-card:hover,
.neos-hero-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.12);
}

[data-bs-theme='dark'] .neos-hero-card,
[data-bs-theme='dark'] .neos-surface-card {
  border-color: rgba(255, 255, 255, 0.12);
  box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.28);
}

[data-bs-theme='dark'] .neos-hero-card {
  background: linear-gradient(135deg, rgba(33, 37, 41, 0.96) 0%, rgba(52, 58, 64, 0.96) 100%);
}

[data-bs-theme='dark'] .neos-surface-card {
  background: linear-gradient(180deg, rgba(33, 37, 41, 0.94) 0%, rgba(43, 48, 53, 0.94) 100%);
}