.mw-feedback-page { min-height: 70vh; padding-bottom: 84px; background: #f3f8fc; }
.mw-feedback-container { position: relative; z-index: 2; width: min(1440px,calc(100% - 48px)); margin: 0 auto; }
.mw-feedback-card { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 46px; width: 100%; max-width: 1200px; margin: 50px auto; padding: 42px 46px; box-sizing: border-box; border: 1px solid #dce7f0; border-radius: 20px; background: #fff; box-shadow: 0 18px 46px rgba(26,64,105,.1); }
.mw-feedback-main { min-width: 0; }
.mw-feedback-heading { margin-bottom: 26px; padding-bottom: 18px; border-bottom: 1px solid #e5edf4; }
.mw-feedback-heading h2 { margin: 0 0 8px; color: #1a2b40; font-size: 26px; font-weight: 500; }
.mw-feedback-heading p { margin: 0; color: #71859a; font-size: 14px; line-height: 1.8; }
.mw-feedback-form { max-width: 780px; }
.mw-feedback-form-row { margin-bottom: 17px; }
.mw-feedback-form-row label { display: block; margin-bottom: 7px; color: #405b73; font-size: 13px; }
.mw-feedback-form-row input,
.mw-feedback-form-row select,
.mw-feedback-form-row textarea { display: block; width: 100%; box-sizing: border-box; padding: 12px 14px; border: 1px solid #ceddea; border-radius: 8px; color: #1f2937; background: #fff; font: inherit; font-size: 14px; outline: 0; transition: border-color .2s ease,box-shadow .2s ease; }
.mw-feedback-form-row select { height: 46px; cursor: pointer; }
.mw-feedback-form-row select:invalid { color: #8798a8; }
.mw-feedback-form-row select option { color: #1f2937; }
.mw-feedback-form-row textarea { min-height: 142px; resize: vertical; line-height: 1.7; }
.mw-feedback-form-row input:focus,
.mw-feedback-form-row select:focus,
.mw-feedback-form-row textarea:focus { border-color: #0076fe; box-shadow: 0 0 0 4px rgba(0,118,254,.1); }
.mw-feedback-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.mw-feedback-captcha-row { display: flex; align-items: flex-end; gap: 14px; }
.mw-feedback-captcha-row > div { flex: 1; min-width: 0; }
.mw-feedback-captcha-row img { flex: 0 0 auto; width: 120px; height: 46px; object-fit: fill; border: 1px solid #ceddea; border-radius: 8px; background: #f8fafc; cursor: pointer; }
.mw-feedback-submit { display: inline-flex; align-items: center; justify-content: center; min-width: 150px; padding: 12px 24px; border: 0; border-radius: 8px; color: #fff; background: linear-gradient(135deg,#ef4444,#dc2626); box-shadow: 0 6px 18px rgba(220,38,38,.22); font-size: 14px; font-weight: 600; cursor: pointer; transition: transform .2s ease,box-shadow .2s ease; }
.mw-feedback-submit:hover { transform: translateY(-1px); box-shadow: 0 8px 22px rgba(220,38,38,.3); }
.mw-feedback-aside { min-height: 220px; padding: 3px 0 0 28px; border-left: 1px solid #e2ebf3; }
.mw-feedback-aside h3 { margin: 0 0 15px; color: #29465f; font-size: 17px; font-weight: 500; }
.mw-feedback-aside ul { margin: 0; padding: 0; list-style: none; }
.mw-feedback-aside li { position: relative; margin: 0 0 12px; padding-left: 14px; color: #71859a; font-size: 13px; line-height: 1.75; }
.mw-feedback-aside li:before { content: ""; position: absolute; top: .7em; left: 0; width: 5px; height: 5px; background: #62aef0; }
.mw-feedback-aside a { display: inline-block; margin-top: 8px; color: #0076fe; font-size: 13px; }

@media (max-width: 720px) {
    .mw-feedback-page { padding-bottom: 56px; }
    .mw-feedback-container { width: calc(100% - 32px); margin: 0 auto; }
    .mw-feedback-card { grid-template-columns: 1fr; gap: 28px; padding: 28px 20px 32px; }
    .mw-feedback-aside { min-height: 0; padding: 22px 0 0; border-top: 1px solid #e2ebf3; border-left: 0; }
    .mw-feedback-form-grid { grid-template-columns: 1fr; gap: 0; }
    .mw-feedback-captcha-row img { width: 108px; }
    .mw-feedback-submit { width: 100%; }
}