:root {
  --ents-navy: #092b50;
  --ents-navy-deep: #061d37;
  --ents-teal: #0aa897;
  --ents-green: #3b7d54;
  --ents-ink: #13263a;
  --ents-muted: #5d7083;
  --ents-line: #d9e4ec;
  --ents-bg: #f3f7fa;
  --ents-white: #fff;
}

* { box-sizing: border-box; }
body.ents-feedback-page {
  margin: 0;
  color: var(--ents-ink);
  background: var(--ents-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}
.ents-feedback-shell { width: min(1160px, calc(100% - 36px)); margin-inline: auto; }
.ents-feedback-header { color: #fff; background: linear-gradient(110deg, var(--ents-navy-deep), var(--ents-navy)); }
.ents-feedback-header__inner { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.ents-feedback-brand { display: inline-flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.ents-feedback-brand > span { display: grid; place-items: center; width: 42px; height: 42px; border: 2px solid #75dfce; border-radius: 50%; color: #75dfce; font: 800 1.45rem Georgia, serif; }
.ents-feedback-brand strong { font-size: 1.05rem; }
.ents-feedback-back { color: #d8ebe9; font-weight: 750; text-decoration: none; }
.ents-feedback-hero { overflow: hidden; color: #fff; background: radial-gradient(circle at 85% 25%, rgba(38,194,174,.24), transparent 28%), linear-gradient(125deg, #0a3159, #071f3a); }
.ents-feedback-hero__grid { min-height: 330px; display: grid; grid-template-columns: 1fr 280px; align-items: center; gap: 50px; padding-block: 52px; }
.ents-feedback-kicker { margin: 0 0 9px; color: var(--ents-teal); font-size: .76rem; font-weight: 850; letter-spacing: .14em; }
.ents-feedback-hero .ents-feedback-kicker { color: #76e3d3; }
.ents-feedback-hero h1 { margin: 0; font-size: clamp(2.6rem, 6vw, 5rem); line-height: .98; letter-spacing: -.055em; }
.ents-feedback-hero h1 em { color: #72dfce; font-family: Georgia, serif; font-weight: 400; }
.ents-feedback-lead { max-width: 670px; margin: 24px 0 0; color: #d5e4ef; font-size: 1.08rem; }
.ents-feedback-hero__mark { justify-self: end; display: grid; place-items: center; width: 220px; aspect-ratio: 1; border: 1px solid rgba(116,226,209,.6); border-radius: 50%; background: rgba(255,255,255,.04); text-align: center; }
.ents-feedback-hero__mark span { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: -20px; border-radius: 50%; color: #073258; background: #73dfce; font-size: 1.7rem; font-weight: 900; }
.ents-feedback-hero__mark b { color: #fff; font-size: 1.18rem; line-height: 1.35; }
.ents-feedback-content { display: grid; grid-template-columns: minmax(0,.95fr) minmax(420px,1.05fr); gap: 54px; align-items: start; padding-block: 68px 84px; }
.ents-feedback-info h2, .ents-feedback-form-card h2 { margin: 0 0 20px; color: var(--ents-navy); font-size: clamp(1.7rem,3vw,2.35rem); line-height: 1.15; letter-spacing: -.035em; }
.ents-feedback-info > p:not(.ents-feedback-kicker) { color: #53677b; }
.ents-feedback-principles { display: grid; gap: 12px; margin-top: 30px; }
.ents-feedback-principles div { display: grid; grid-template-columns: 46px 1fr; column-gap: 14px; padding: 16px; border: 1px solid var(--ents-line); border-radius: 15px; background: #fff; }
.ents-feedback-principles span { grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 12px; color: #fff; background: var(--ents-navy); font-size: .75rem; font-weight: 850; }
.ents-feedback-principles strong { color: var(--ents-navy); }
.ents-feedback-principles small { color: var(--ents-muted); }
.ents-feedback-info aside { margin-top: 22px; padding: 19px 21px; border-left: 4px solid var(--ents-green); border-radius: 0 14px 14px 0; background: #eaf4ec; }
.ents-feedback-info aside b { color: #285c3d; }
.ents-feedback-info aside p { margin: 5px 0 0; color: #4f6c5a; }
.ents-feedback-form-card { padding: clamp(24px,4vw,38px); border: 1px solid rgba(9,43,80,.08); border-radius: 26px; background: #fff; box-shadow: 0 24px 60px rgba(9,43,80,.12); }
.ents-feedback-form-head { display: flex; align-items: center; gap: 16px; margin-bottom: 28px; }
.ents-feedback-form-head > span { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; color: #fff; background: linear-gradient(135deg,var(--ents-navy),#155c88); font-size: 1.3rem; }
.ents-feedback-form-head h2 { margin-bottom: 0; }
.ents-feedback-form-card form { display: grid; gap: 17px; }
.ents-feedback-form-card label { display: grid; gap: 7px; }
.ents-feedback-form-card label > span { color: var(--ents-navy); font-size: .84rem; font-weight: 800; }
.ents-feedback-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.ents-feedback-form-card input, .ents-feedback-form-card select, .ents-feedback-form-card textarea { width: 100%; border: 1px solid #c9d7e2; border-radius: 11px; padding: 13px 14px; color: var(--ents-ink); background: #fbfdfe; font: inherit; }
.ents-feedback-form-card textarea { resize: vertical; min-height: 150px; }
.ents-feedback-form-card input:focus, .ents-feedback-form-card select:focus, .ents-feedback-form-card textarea:focus { outline: 3px solid rgba(10,168,151,.14); border-color: var(--ents-teal); }
.ents-feedback-consent { grid-template-columns: auto 1fr; align-items: start; gap: 10px !important; padding: 13px; border-radius: 11px; background: #f1f7f7; }
.ents-feedback-consent input { width: 18px; height: 18px; margin-top: 3px; }
.ents-feedback-consent span { color: #526b70 !important; font-size: .76rem !important; font-weight: 600 !important; }
.ents-feedback-form-card button { display: flex; justify-content: center; align-items: center; gap: 12px; border: 0; border-radius: 12px; padding: 15px 20px; color: #fff; background: linear-gradient(110deg,var(--ents-navy),#124d78); font: inherit; font-weight: 850; cursor: pointer; }
.ents-feedback-form-card button:hover { background: var(--ents-navy-deep); }
.ents-feedback-form-card button span { color: #71dfce; font-size: 1.2rem; }
.ents-feedback-privacy { margin: -3px 0 0; color: #778796; font-size: .73rem; text-align: center; }
.ents-feedback-honeypot { position: absolute !important; left: -9999px !important; }
.ents-feedback-message { margin-bottom: 22px; padding: 15px 17px; border-radius: 12px; font-size: .9rem; }
.ents-feedback-message strong { display: block; }
.ents-feedback-message.is-success { color: #245e40; background: #e3f5e9; }
.ents-feedback-message.is-error { color: #963735; background: #fff0ef; }
.ents-feedback-footer { color: #a9bdcd; background: var(--ents-navy-deep); }
.ents-feedback-footer .ents-feedback-shell { min-height: 86px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ents-feedback-footer strong { color: #fff; }

@media (max-width: 840px) {
  .ents-feedback-hero__grid { grid-template-columns: 1fr 170px; }
  .ents-feedback-hero__mark { width: 165px; }
  .ents-feedback-content { grid-template-columns: 1fr; }
}
@media (max-width: 560px) {
  .ents-feedback-shell { width: min(100% - 28px, 520px); }
  .ents-feedback-header__inner { min-height: 72px; }
  .ents-feedback-hero__grid { min-height: 0; grid-template-columns: 1fr; gap: 30px; padding-block: 42px; }
  .ents-feedback-hero__mark { justify-self: start; width: 145px; }
  .ents-feedback-hero__mark span { width: 42px; height: 42px; }
  .ents-feedback-content { gap: 38px; padding-block: 44px 58px; }
  .ents-feedback-form-row { grid-template-columns: 1fr; }
  .ents-feedback-form-card { border-radius: 20px; }
  .ents-feedback-footer .ents-feedback-shell { display: grid; justify-content: start; align-content: center; gap: 2px; }
}
