.hero-header {
  margin-top: clamp(6px, 2vh, 20px);
}

.auth-grid {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 860px) {
  .auth-grid {
    grid-template-columns: 1fr;
  }
}