/* ---------- Account deletion form (flextra.pro/delete) ---------- */
.form-card { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius); padding: 28px; margin: 0 0 28px; }
.form-card .step-tag { display: inline-flex; align-items: center; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--accent); margin-bottom: 10px; }
.form-card h2 { font-size: 1.35rem; margin: 0 0 12px; }
.field { margin-bottom: 18px; }
.field label { display: block; font-weight: 600; font-size: 0.92rem; color: var(--text); margin-bottom: 8px; }
.field input {
  display: block; width: 100%; padding: 13px 14px; font-size: 1rem; font-family: inherit;
  color: var(--text); background: var(--bg-soft); border: 1px solid var(--line); border-radius: 10px;
}
.field input::placeholder { color: #6c8481; }
.field input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px rgba(0, 230, 181, 0.18); }
.field input.code-input { letter-spacing: 0.42em; text-align: center; font-weight: 700; font-size: 1.3rem; }
.form-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.btn[disabled], .btn[aria-disabled="true"] { opacity: 0.55; pointer-events: none; }
.link-button { background: none; border: 0; padding: 0; font: inherit; font-weight: 600; color: var(--accent); cursor: pointer; }
.link-button:hover { text-decoration: underline; }
.link-button[disabled] { color: var(--muted); cursor: default; text-decoration: none; }
.form-error { color: #ffb3b3; background: rgba(255, 90, 90, 0.08); border: 1px solid rgba(255, 90, 90, 0.32); border-radius: 10px; padding: 12px 14px; font-size: 0.92rem; margin-bottom: 18px; }
.form-hint { color: var(--muted); font-size: 0.86rem; margin-top: 12px; }
.form-status { display: flex; align-items: center; gap: 10px; color: var(--accent); font-weight: 600; font-size: 0.94rem; margin-bottom: 18px; }
.form-status::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: var(--accent); flex: none; animation: status-pulse 2s infinite; }
.form-step[hidden], .form-status[hidden], .form-error[hidden] { display: none; }
.success-card { background: rgba(0, 230, 181, 0.07); border: 1px solid rgba(0, 230, 181, 0.35); border-radius: var(--radius); padding: 30px; }
.success-card h2 { font-size: 1.4rem; margin: 0 0 14px; color: var(--text); }
.success-card p { color: var(--muted); margin-bottom: 14px; }
.success-card p:last-of-type { margin-bottom: 0; }
.success-card .btn { margin-top: 22px; }
.success-icon { width: 44px; height: 44px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0, 230, 181, 0.15); color: var(--accent); margin-bottom: 18px; }
.success-icon svg { width: 24px; height: 24px; }