.support-header { max-width: 76rem; margin: auto; padding: 2rem; display: flex; justify-content: space-between; align-items: center; gap: 1rem; font-size: .8rem; }
.support-header img { object-fit: contain; }
.support-main { max-width: 76rem; padding: 3rem 2rem 5rem; margin: auto; display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; align-items: start; }
.support-intro { position: sticky; top: 2rem; }
.support-intro h1 { font-size: clamp(1.8rem, 3vw, 2.6rem); margin: 1rem 0 1.5rem; }
.support-intro p { color: #526772; line-height: 1.9; }
.support-intro nav { display: grid; gap: 1rem; margin-top: 2.5rem; font-size: .9rem; }
.support-form { display: grid; gap: 1.5rem; background: white; padding: 2rem; border: 1px solid #d7e3e1; border-radius: 1.25rem; box-shadow: 0 20px 60px -45px #112b37; }
.support-form label { display: grid; gap: .6rem; font-size: .95rem; font-weight: 600; }
.support-form label > span { color: #ad482d; font-size: .7rem; }
.support-form input:not([type=checkbox]), .support-form select, .support-form textarea { width: 100%; min-width: 0; padding: .85rem; border: 1px solid #9cafaF; border-radius: .5rem; background: #fbfdfc; font: inherit; font-weight: 400; color: #112b37; }
.support-form textarea { resize: vertical; }
.support-form small { color: #526772; font-size: .78rem; font-weight: 400; }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.support-form fieldset { border: 1px solid #d7e3e1; border-radius: .7rem; padding: 1.2rem; }
.support-form fieldset:not([hidden]) { display: grid; gap: 1rem; }
.support-form legend { padding: 0 .4rem; }
.support-form .consent { display: flex; align-items: center; font-size: .85rem; }
.support-form .consent input { width: 1rem; height: 1rem; }
.privacy-note, .support-fallback { font-size: .8rem; line-height: 1.8; color: #526772; }
.bot-field { position: absolute; left: -10000px; }
.support-form .button { width: 100%; justify-content: space-between; }
.support-form .button:disabled { opacity: .6; cursor: wait; }
#form-status { font-size: .9rem; overflow-wrap: anywhere; }
#form-status[data-state=error] { color: #ad482d; }
.support-footer { text-align: center; padding: 2rem; color: #526772; font-size: .8rem; }
@media(max-width: 56rem) { .support-main { grid-template-columns: 1fr; gap: 2rem; padding-top: 1rem; } .support-intro { position: static; } }
@media(max-width: 36rem) { .support-main, .support-header { padding-inline: 1rem; } .support-form { padding: 1.2rem; } .field-row { grid-template-columns: 1fr; } }