.account-shell{
  width:min(640px, calc(100% - 2.5rem));
}

.account-card p{
  color:var(--muted);
  line-height:1.55;
}

.account-form{
  display:grid;
  gap:.75rem;
  margin:1.25rem 0 0;
}

.account-form label{
  color:var(--moon);
  font-size:.92rem;
  font-weight:500;
}

.account-form input{
  width:100%;
  border:1px solid rgba(245,233,211,.18);
  background:rgba(6,9,27,.55);
  color:var(--moon);
  border-radius:12px;
  padding:.9rem 1rem;
  font:inherit;
}

.account-form input:focus{
  outline:2px solid rgba(244,179,92,.45);
  outline-offset:1px;
}

.account-btn{
  justify-self:start;
  margin-top:.25rem;
}

.account-btn--danger{
  background:linear-gradient(180deg, #c44b4b, #9e2f2f);
  color:#fff;
  border:0;
  border-radius:999px;
  padding:.85rem 1.25rem;
  font:inherit;
  font-weight:600;
  cursor:pointer;
}

.account-btn--danger:hover{ filter:brightness(1.05); }
.account-btn--danger:disabled,
.account-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

.account-step.is-hidden,
.is-hidden{
  display:none !important;
}

.account-alert{
  display:none;
  margin:0 0 1rem;
  padding:.85rem 1rem;
  border-radius:12px;
  border:1px solid rgba(244,179,92,.35);
  background:rgba(244,179,92,.12);
  color:var(--moon);
}

.account-alert.is-visible{ display:block; }
.account-alert.is-error{
  border-color:rgba(196,75,75,.45);
  background:rgba(196,75,75,.14);
}
.account-alert.is-ok{
  border-color:rgba(90,180,120,.4);
  background:rgba(90,180,120,.12);
}

.account-summary{
  margin:0 0 1.25rem;
  padding:1rem;
  border-radius:14px;
  border:1px solid rgba(245,233,211,.12);
  background:rgba(6,9,27,.35);
}

.account-summary p{ margin:.15rem 0; }
.account-muted{ color:var(--muted2) !important; }

.account-warning{
  margin:0 0 1.25rem;
  padding:1rem;
  border-radius:14px;
  border:1px solid rgba(196,75,75,.4);
  background:rgba(196,75,75,.12);
}

.account-warning ul{
  margin:.5rem 0 0;
  padding-left:1.1rem;
  color:var(--muted);
}

.account-success{
  margin:0 0 1.25rem;
  padding:1rem;
  border-radius:14px;
  border:1px solid rgba(90,180,120,.4);
  background:rgba(90,180,120,.12);
}

.account-success p{ margin:.45rem 0 0; }