:root { font-family: Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; color:#17243a; background:#f6f8fc; }
* { box-sizing:border-box; }
body { margin:0; }
.support-page { width:min(600px,100%); margin:0 auto; padding:28px 22px 45px; }
.support-brand { color:#2855b5; font-weight:850; letter-spacing:.05em; font-size:14px; }
.support-brand strong { color:#17243a; }
h1 { font-size:clamp(26px,5vw,36px); letter-spacing:-.04em; line-height:1.1; margin:20px 0 10px; }
.support-intro { color:#5b6980; margin:0 0 22px; line-height:1.55; }
form { display:grid; gap:15px; background:#fff; border:1px solid #e3e9f2; border-radius:18px; padding:22px; box-shadow:0 10px 30px #1c33540c; }
label { display:grid; gap:7px; font-size:14px; font-weight:700; }
label span { font-weight:400; color:#697890; }
input,select,textarea { width:100%; border:1px solid #cbd6e6; border-radius:10px; padding:11px 12px; background:#fff; color:#17243a; font:inherit; font-weight:400; }
textarea { resize:vertical; }
.support-check { display:flex; align-items:flex-start; gap:10px; font-weight:500; line-height:1.45; }
.support-check input { width:18px; height:18px; flex:none; margin:2px 0 0; }
.support-muted { color:#66768d; font-size:13px; margin:-8px 0 0; }
.support-honeypot { position:absolute; left:-9999px; }
button { justify-self:start; min-height:44px; border:0; border-radius:11px; padding:10px 18px; background:#315fe8; color:#fff; font:inherit; font-weight:750; cursor:pointer; }
button:disabled { opacity:.6; cursor:wait; }
#support-status { margin:0; min-height:20px; font-size:14px; font-weight:650; overflow-wrap:anywhere; }
.support-embedded .support-page { width:100%; padding:10px 14px 24px; }
.support-embedded .support-brand,.support-embedded h1,.support-embedded .support-intro { display:none; }
.support-embedded form { border:0; box-shadow:none; }
@media(max-width:600px) { .support-page { padding:18px 12px 30px; } form { padding:17px; } }
@media(max-width:600px) { .support-embedded .support-page { padding:8px 8px 20px; } }