/* Страница поддержки (фаза 46 Bytelore, 09.09.2026).
   Своя, как у страницы «не найдено»: оболочки здесь нет, и её правила сюда
   не едут - только переменные цветов и шрифт из app.css. */
.support {
  max-width: 560px;
  margin: 0 auto;
  padding: 40px 20px 64px;
}
.support h1 { font-size: 24px; margin: 0 0 6px; }
.support .sub { color: var(--text-dim); margin: 0 0 28px; }
.support label {
  display: block; margin-top: 16px; margin-bottom: 6px;
  font-size: 14px; color: var(--text-dim);
}
.support input[type="email"], .support textarea {
  width: 100%; box-sizing: border-box; padding: 12px 14px; font: inherit;
  color: var(--text); background: var(--bg-elev);
  border: 1px solid var(--separator, #d1d1d6); border-radius: 10px;
}
.support textarea { resize: vertical; min-height: 130px; }
.support .hint { color: var(--text-dim); font-size: 13px; margin: 6px 0 0; }
.support button {
  width: 100%; margin-top: 20px; padding: 13px; font: inherit;
  font-weight: 600; color: #fff; background: var(--accent, #007aff);
  border: 0; border-radius: 10px; cursor: pointer;
}
.support button:disabled { opacity: 0.55; cursor: default; }
.support .msg { display: none; margin-top: 14px; color: #d93838; font-size: 14px; }
.support .final { display: none; text-align: center; }
.support .final .icon { font-size: 40px; display: block; margin-bottom: 12px; }
.support .foot { margin-top: 28px; text-align: center; }
.support .foot a { color: var(--accent, #007aff); text-decoration: none; }
/* ⚠️ Приманка уводится за край экрана, оставаясь настоящим полем. */
.trap { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }