.deletion-shell {
  width: min(100% - 2rem, 48rem);
  min-height: calc(100vh - 12.5rem);
  margin: 1.5rem auto 5rem;
}
.deletion-card {
  padding: clamp(1.5rem, 5vw, 3.5rem);
  border: 1px solid var(--line);
  border-radius: 1.4rem;
  background: linear-gradient(145deg, rgba(255, 35, 89, .1), transparent 28%), var(--panel);
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, .34);
}
.deletion-card h1,
.deletion-card h2 { font-family: "Space Grotesk", sans-serif; line-height: 1.1; }
.deletion-card h1 { margin: 0; max-width: 12ch; font-size: clamp(2.7rem, 8vw, 5.3rem); letter-spacing: -.065em; }
.deletion-card h2 { margin: 0 0 .65rem; font-size: 1.35rem; }
.deletion-lede { margin: 1.4rem 0 2rem; max-width: 43rem; color: var(--muted); }
.deletion-card a { color: #ff809f; text-underline-offset: 3px; }
.deletion-state,
.deletion-help,
#delete-account-form { padding: 1.4rem; border: 1px solid var(--line); border-radius: 1rem; background: rgba(5, 0, 2, .35); }
.deletion-state p,
.deletion-help p { margin: 0 0 1rem; color: var(--muted); }
.deletion-help { margin-top: 1rem; }
#delete-account-form { display: grid; gap: .75rem; }
#delete-account-form[hidden] { display: none; }
#delete-account-form label { font-size: .86rem; font-weight: 600; }
#delete-account-form input[type="text"],
#delete-account-form input[type="password"] {
  width: 100%;
  min-height: 3rem;
  padding: .75rem .9rem;
  border: 1px solid var(--line);
  border-radius: .65rem;
  outline: none;
  color: #fff;
  background: #090306;
  font: inherit;
}
#delete-account-form input:focus { border-color: var(--hot); box-shadow: 0 0 0 3px rgba(255, 35, 89, .15); }
.deletion-check { display: flex; gap: .7rem; align-items: flex-start; margin: .3rem 0; color: var(--muted); }
.deletion-check input { margin-top: .3rem; accent-color: var(--hot); }
.deletion-danger,
.deletion-primary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: .8rem 1.1rem;
  border: 0;
  border-radius: 999px;
  color: #fff !important;
  background: var(--hot);
  font: 700 .9rem/1 "Outfit", sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.deletion-danger:disabled { opacity: .55; cursor: wait; }
.deletion-error { margin: 0; color: #ff9aae; font-weight: 600; }
@media (max-width: 560px) {
  .deletion-shell { width: min(100% - 1rem, 48rem); margin-top: .5rem; }
  .deletion-card { padding: 1.35rem; border-radius: 1rem; }
}