/* Sign-in page. Shared tokens and components come from /static/ui/one.css. */

.signin-card {
  display: grid;
  gap: 22px;
  width: 100%;
  max-width: 400px;
  padding: 32px;
}

.signin-card__header {
  display: grid;
  gap: 6px;
}

.signin-card__title {
  font-size: 24px;
}

.signin-note {
  max-width: 400px;
  font-size: 13px;
  text-align: center;
}

@media (max-width: 480px) {
  .signin-card {
    padding: 24px 20px;
    border-radius: var(--radius-md);
  }
}