.support-form { display: grid; gap: 12px; }
.support-form label { font-weight: 700; color: #fff; }
.support-form select, .support-form textarea { box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #71677c; border-radius: 12px; padding: 14px; background: #171121; color: #fff; font: inherit; font-size: 16px; }
.support-form textarea { resize: vertical; min-height: 180px; }
.support-form :is(select, textarea, button):focus-visible { outline: 3px solid #f2c866; outline-offset: 4px; }
.support-count { text-align: right; font-size: 13px; color: #c6bdce; }
.support-form .support-guidance { margin: 0; font-size: 13px; color: #c6bdce; }
.support-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.support-submit { border: 0; border-radius: 12px; padding: 16px 22px; background: #f2c866; color: #211606; font: inherit; font-weight: 750; cursor: pointer; margin-top: 10px; display: flex; justify-content: space-between; gap: 20px; }
.support-submit:hover { background: #ffe0a0; }
.support-submit:disabled { opacity: .6; cursor: wait; }
#support-status { margin: 0; overflow-wrap: anywhere; }
#support-status:empty { display: none; }
#support-status[data-state="error"] { color: #ffbbad; }
#support-status[data-state="success"] { color: #b7e8c7; border-top: 1px solid #526853; padding-top: 18px; }