.account-password {
  width: min(100%, var(--container-narrow));
  margin-inline: auto;
  padding-block: var(--sp-6);
}

.account-password__header {
  margin-bottom: var(--sp-6);
}

.account-password__header h1 {
  margin-bottom: var(--sp-2);
}

.account-password__header p {
  margin-bottom: 0;
  color: var(--color-ink-muted);
}

.account-password__form {
  display: grid;
  gap: var(--sp-5);
  padding: var(--sp-6);
  border-radius: var(--r-4);
  box-shadow: var(--shadow-1);
}

.account-password__actions {
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 576px) {
  .account-password {
    padding-block: var(--sp-4);
  }

  .account-password__form {
    gap: var(--sp-4);
    padding: var(--sp-4);
  }

  .account-password__actions .lc-btn {
    width: 100%;
  }
}