.account-page { grid-template-rows: auto 1fr auto; }
.account-page [hidden] { display: none !important; }
.account-main { align-self: center; padding-block: clamp(2rem, 7vw, 5.25rem); }
.account-login { max-width: 30rem; margin-inline: auto; }
.account-card {
  background: linear-gradient(150deg, #17233b, #10192b 78%);
  border: 1px solid var(--line);
  border-radius: 1.15rem;
  padding: clamp(1.15rem, 4vw, 2rem);
  box-shadow: 0 1rem 2.75rem #050a16a6;
}
.account-main h1 { font-size: clamp(2.2rem, 6vw, 3.5rem); letter-spacing: -.055em; line-height: 1.08; margin-block: .55rem .75rem; }
.account-main h2 { font-size: 1.18rem; letter-spacing: -.02em; }
.account-description, .account-help, #account-loading { color: var(--soft); }
.account-help { margin-top: 1.3rem; font-size: .85rem; }
.account-login form { display: grid; gap: 1rem; margin-top: 1.5rem; }
.account-login label { display: grid; gap: .35rem; font-weight: 650; font-size: .9rem; }
.account-login input {
  width: 100%;
  font: inherit;
  font-size: 1rem;
  font-weight: 400;
  color: var(--ink);
  background: #0b1426;
  border: 1px solid #3a4d70;
  border-radius: .65rem;
  padding: .75rem;
}
.account-message { color: #ffbfc8; font-size: .9rem; }
.account-panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.75rem; }
.account-card dl { display: grid; gap: .8rem; margin: 1rem 0 0; }
.account-card dt { color: var(--muted); font-size: .86rem; }
.account-card dd { margin: .12rem 0 0; overflow-wrap: anywhere; }
.account-download p { margin: 1rem 0; }
.account-secondary { border-radius: .65rem; border: 1px solid #3a4d70; background: #142139; color: var(--ink); padding: .65rem 1rem; font-weight: 650; }
.account-secondary:disabled { cursor: default; color: var(--muted); }
#panel-message { margin-top: 1rem; }
@media (max-width: 42rem) {
  .account-main.wrap { width: min(calc(100% - 2rem), 34rem); }
  .account-grid { grid-template-columns: 1fr; }
}