.auth-page {
  min-height: 100vh;
  min-height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
}

@media (min-width: 768px) {
  .auth-page {
    height: 100vh;
    height: 100dvh;
    overflow: hidden;
  }
}

.input-focus:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary) 15%, transparent);
}

.custom-checkbox:checked {
  accent-color: var(--color-primary);
}

.btn-primary {
  background-color: var(--color-primary);
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.btn-primary:hover {
  background-color: var(--color-primary-dark);
}

.btn-primary:active {
  transform: scale(0.98);
}

@media (max-width: 640px) {
  .auth-page input[type="email"],
  .auth-page input[type="password"],
  .auth-page input[type="text"] {
    font-size: 16px;
  }
}