.thtc-card,
.thtc-card * { box-sizing: border-box; }

.thtc-card {
  --thtc-primary: #e21b2d;
  --thtc-primary-dark: #b90e1e;
  --thtc-text: #15181d;
  --thtc-muted: #6f7580;
  --thtc-border: #e8e9ed;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: clamp(24px, 4vw, 44px);
  color: var(--thtc-text);
  background: #fff;
  border: 1px solid var(--thtc-border);
  border-radius: 22px;
  box-shadow: 0 20px 55px rgba(21, 24, 29, .08);
  font-family: inherit;
}

.thtc-card__accent {
  position: absolute;
  inset: 0 0 auto;
  height: 4px;
  background: linear-gradient(90deg, var(--thtc-primary), #ff6b76);
}

.thtc-card__header { margin-bottom: 28px; }
.thtc-card__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--thtc-primary);
  font-size: 13px;
  font-weight: 800;
}
.thtc-card__eyebrow::before { content: ''; width: 20px; height: 2px; background: currentColor; border-radius: 9px; }
.thtc-card__header h2 { margin: 0 0 10px; color: var(--thtc-text); font-size: clamp(23px, 3vw, 34px); line-height: 1.35; font-weight: 800; }
.thtc-card__header p { max-width: 720px; margin: 0; color: var(--thtc-muted); font-size: 15px; line-height: 1.9; }

.thtc-form { display: grid; gap: 18px; }
.thtc-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.thtc-field { display: grid; gap: 8px; color: #343942; font-size: 14px; font-weight: 700; }
.thtc-field b { color: var(--thtc-primary); }
.thtc-field input,
.thtc-field textarea {
  width: 100%;
  margin: 0;
  padding: 13px 15px;
  color: var(--thtc-text);
  background: #f8f9fb;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  outline: none;
  font: inherit;
  font-weight: 500;
  line-height: 1.7;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.thtc-field textarea { min-height: 138px; resize: vertical; }
.thtc-field input::placeholder,
.thtc-field textarea::placeholder { color: #a0a5ad; }
.thtc-field input:focus,
.thtc-field textarea:focus { background: #fff; border-color: var(--thtc-primary); box-shadow: 0 0 0 4px rgba(226, 27, 45, .09); }
.thtc-field.is-invalid input,
.thtc-field.is-invalid textarea { border-color: var(--thtc-primary); box-shadow: 0 0 0 3px rgba(226, 27, 45, .08); }
.thtc-ltr { direction: ltr; text-align: left; }
.thtc-hp { position: absolute !important; inset-inline-start: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

.thtc-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: fit-content;
  min-width: 220px;
  min-height: 52px;
  padding: 12px 24px;
  color: #fff;
  background: var(--thtc-primary);
  border: 0;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(226, 27, 45, .22);
  cursor: pointer;
  font: inherit;
  font-size: 15px;
  font-weight: 800;
  transition: transform .2s, background .2s, box-shadow .2s;
}
.thtc-submit:hover { color: #fff; background: var(--thtc-primary-dark); transform: translateY(-2px); box-shadow: 0 14px 30px rgba(226, 27, 45, .28); }
.thtc-submit:disabled { cursor: wait; opacity: .75; transform: none; }
.thtc-submit__icon { font-size: 20px; transition: transform .2s; }
.thtc-submit:hover .thtc-submit__icon { transform: translateX(-3px); }
.thtc-submit.is-loading .thtc-submit__icon { width: 18px; height: 18px; font-size: 0; border: 2px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%; animation: thtc-spin .75s linear infinite; }
@keyframes thtc-spin { to { transform: rotate(360deg); } }

.thtc-feedback { display: none; padding: 13px 15px; border-radius: 12px; font-size: 14px; font-weight: 700; line-height: 1.7; }
.thtc-feedback.is-visible { display: block; }
.thtc-feedback.is-success { color: #12623d; background: #ecfdf3; border: 1px solid #b7efd1; }
.thtc-feedback.is-error { color: #a50f20; background: #fff1f2; border: 1px solid #fecdd3; }

@media (max-width: 640px) {
  .thtc-card { padding: 24px 18px; border-radius: 16px; }
  .thtc-form__grid { grid-template-columns: 1fr; }
  .thtc-submit { width: 100%; }
}