.feedback-page { padding-top: 78px; }
.feedback-hero { grid-template-columns: minmax(0, 1fr) 150px; }
.feedback-hero__icon { display: grid; place-items: center; min-height: 120px; border-radius: 18px; background: rgba(255, 213, 74, .1); font-size: 4rem; }
.feedback-card { max-width: 760px; margin: 0 auto; padding: clamp(20px, 4vw, 34px); }
.feedback-card h2 { font: 700 1.35rem var(--font-mono); }
.feedback-card__hint { margin: 7px 0 22px; color: var(--color-text-secondary); font-size: .9rem; }
.feedback-form { display: grid; gap: 15px; }
.feedback-form__row { display: grid; gap: 6px; }
.feedback-form label { color: var(--color-text-secondary); font-size: .82rem; font-weight: 700; }
.feedback-form label span { color: var(--economy-gold); font-weight: 500; }
.feedback-form input,
.feedback-form select,
.feedback-form textarea { width: 100%; border: 1px solid rgba(255, 255, 255, .18); border-radius: 12px; padding: 11px 13px; color: white; background: rgba(0, 0, 0, .25); font: inherit; }
.feedback-form textarea { min-height: 150px; resize: vertical; }
.feedback-form input:focus,
.feedback-form select:focus,
.feedback-form textarea:focus { border-color: rgba(94, 225, 255, .7); outline: none; box-shadow: 0 0 0 3px rgba(94, 225, 255, .12); }
.feedback-form select option { color: #17152d; }
.feedback-counter { color: var(--color-text-muted); font-size: .72rem; text-align: right; }
.feedback-form .economy-button { justify-self: start; margin-top: 2px; }
.feedback-status { min-height: 22px; margin: 0; color: var(--economy-gold); font-weight: 700; }
.feedback-status--good { color: var(--economy-green); }
.feedback-status--bad { color: var(--economy-danger); }
.feedback-fallback { margin: -4px 0 0; color: var(--color-text-secondary); font-size: .82rem; }
.feedback-fallback a { color: var(--economy-gold); text-decoration: underline; }
.feedback-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 560px) {
    .feedback-page { padding-top: 70px; }
    .feedback-hero { grid-template-columns: 1fr; }
    .feedback-hero__icon { min-height: 76px; font-size: 3rem; }
    .feedback-form .economy-button { width: 100%; }
}