.auth-links {
  display: flex;
  justify-content: center;
  gap: 8px 18px;
  flex-wrap: wrap;
}

.auth-link {
  min-height: 44px;
  padding: 10px 8px;
  line-height: 1.25;
}

.trial-note {
  margin: 0;
  border: 1px solid #b8ddcc;
  border-radius: 10px;
  padding: 11px 12px;
  background: #eff9f4;
  color: #315b4d;
  font-size: .78rem;
  line-height: 1.45;
}

.auth-form .field small {
  display: block;
  margin-top: 5px;
  color: var(--muted);
  font-size: .72rem;
}

@media (max-width: 640px) {
  #registerPanel .auth-form {
    gap: 12px;
  }

  .auth-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 6px;
  }

  .auth-link {
    width: 100%;
  }
}

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