/* ---------- registration inside the app window ---------- */
.reg { text-align: left; }
.reg__head { margin-bottom: 16px; }
.reg__head h3 { margin-bottom: 4px; }
.reg__head p { font-size: 0.9375rem; color: var(--color-muted); }
.reg__perks {
  list-style: none;
  padding: 0;
  margin: 14px 0 0;
  display: grid;
  gap: 6px;
  font-size: 0.8125rem;
  color: var(--color-muted);
}
.reg__perks li { display: flex; gap: 8px; align-items: center; }
.reg__perks .ico { width: 16px; height: 16px; color: var(--color-accent); }
.reg__done {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 14px 16px;
  border-radius: var(--radius);
  background: var(--color-panel);
  border: 1px solid #cfe3f0;
  font-size: 0.9375rem;
  margin-bottom: 14px;
}
.reg__done[hidden] { display: none; }
.reg__done .ico { color: var(--color-accent); margin-top: 2px; }
.reg__done strong { display: block; color: var(--color-deep); }
.reg__done a { font-weight: 600; }

/* ---------- side card (tema pages, closing) ---------- */
.side-card {
  background: var(--color-white);
  border: 1px solid var(--color-soft-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 24px;
}
.side-card h3 { margin-bottom: 6px; }
.side-card p { font-size: 0.9375rem; color: var(--color-muted); }
.side-card ul {
  list-style: none;
  padding: 0;
  margin: 14px 0 20px;
  display: grid;
  gap: 8px;
  font-size: 0.9375rem;
}
.side-card li { display: flex; gap: 10px; align-items: flex-start; }
.side-card li .ico { color: var(--color-accent); margin-top: 2px; width: 18px; height: 18px; }

/* ---------- contact form ---------- */
.contact-form {
  background: var(--color-white);
  border: 1px solid var(--color-soft-line);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: 24px;
}
@media (min-width: 900px) {
  .contact-form { padding: 32px; }
}
.contact-form__head { margin-bottom: 18px; }
.contact-form__head p { font-size: 0.9375rem; color: var(--color-muted); }
.contact-form__thanks[hidden] { display: none; }
.contact-form__thanks h3 { color: var(--color-deep); }