
:root { --navy:#1b2d5e; --navy-dark:#0f1a38; --gold:#c49a3c; --gold-light:#d4b060; --silver:#8896a8; --mist:#f0f4f9; --rule:#dde4ee; }
body { margin:0; padding-top:99px; background:var(--mist); color:var(--navy-dark); font-family:'Inter',sans-serif; }
.feedback-hero { padding:5rem 7vw 3rem; background:var(--mist); }
.section-tag { display:flex; align-items:center; gap:.7rem; color:var(--navy); font-size:.62rem; letter-spacing:.25em; text-transform:uppercase; margin:0 0 1rem; }
.section-tag::before { content:''; width:20px; height:1px; background:var(--gold); }
.display { font-family:'Playfair Display',serif; font-weight:400; font-size:clamp(2rem,4vw,3.5rem); line-height:1.12; margin:0 0 1rem; color:var(--navy-dark); }
.display em { color:var(--navy); }
.feedback-intro { max-width:650px; color:var(--silver); font-size:.95rem; line-height:1.8; }
.feedback-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:2rem; padding:2rem 7vw 6rem; align-items:start; }
.feedback-panel,.feedback-form { min-width:0; background:#fff; border:1px solid var(--rule); padding:clamp(1.5rem,3vw,2.5rem); box-sizing:border-box; }
.feedback-heading p:last-child { color:var(--silver); font-size:.85rem; line-height:1.8; }
.feedback-empty { margin-top:2rem; padding:2rem; text-align:center; background:var(--mist); border-top:3px solid var(--gold); }
.feedback-symbol { color:var(--gold); font-size:2rem; }
.feedback-empty h3 { font-family:'Playfair Display',serif; font-weight:400; font-size:1.4rem; }
.feedback-empty p { color:var(--silver); line-height:1.7; font-size:.85rem; }
.feedback-form { display:flex; flex-direction:column; gap:.65rem; }
.feedback-form label { margin-top:.4rem; color:var(--navy-dark); font-size:.72rem; font-weight:500; }
.feedback-form input,.feedback-form select,.feedback-form textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid var(--rule); background:#fff; color:var(--navy-dark); padding:.85rem 1rem; border-radius:0; font:inherit; font-size:.85rem; }
.feedback-form textarea { resize:vertical; }
.feedback-form input:focus,.feedback-form select:focus,.feedback-form textarea:focus { outline:2px solid var(--gold-light); outline-offset:1px; }
.feedback-note { color:var(--silver); font-size:.7rem; line-height:1.6; }
.feedback-submit { border:0; padding:1rem 1.5rem; background:var(--gold); color:var(--navy-dark); font:inherit; font-size:.65rem; letter-spacing:.18em; text-transform:uppercase; cursor:pointer; }
.feedback-submit:hover { background:var(--gold-light); }
.feedback-footer { display:flex; justify-content:space-between; gap:1rem; padding:2rem 7vw; background:var(--navy-dark); color:#fff; font-size:.7rem; }
.feedback-footer a { color:rgba(255,255,255,.65); text-decoration:none; }
@media(max-width:900px) {
  .feedback-content { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:640px) {
  body { padding-top:120px; }
  .feedback-hero { padding:3rem 5vw 1.5rem; }
  .feedback-content { padding:1rem 5vw 3.5rem; gap:1rem; }
  .feedback-panel,.feedback-form { padding:1.35rem; }
  .feedback-empty { padding:1.4rem 1rem; }
  .feedback-footer { flex-direction:column; padding:1.5rem 5vw; }
}
