.wb-support{--wb-accent: #3b82f6;--wb-accent-dark: #2563eb;--wb-bg: #ffffff;--wb-fg: #1f2937;--wb-muted: #6b7280;--wb-border: #d9e0ea;--wb-field-bg: #f8fafc;max-width:880px;margin:32px auto;scroll-margin-top:90px}.wb-support__head{text-align:center;margin-bottom:22px}.wb-support__head h3{font-size:1.6rem;margin:0 0 6px;color:var(--wb-fg)}.wb-support__head p{color:var(--wb-muted);margin:0}.wb-support form{background:var(--wb-bg);border:1px solid var(--wb-border);border-radius:14px;padding:26px 26px 22px;box-shadow:0 8px 28px #1e3a5f14}.wb-support__grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}@media(max-width:720px){.wb-support__grid{grid-template-columns:1fr;gap:18px}}.wb-support fieldset{border:1px solid var(--wb-border);border-radius:10px;padding:16px 16px 6px;margin:0}.wb-support legend{font-weight:700;color:var(--wb-accent-dark);padding:0 8px;font-size:.95rem}.wb-support label{display:block;margin-bottom:14px}.wb-support .wb-support__lbl{display:block;font-size:.85rem;font-weight:600;color:var(--wb-fg);margin-bottom:5px}.wb-support__req{color:#e03131}.wb-support__sub{font-weight:600;color:var(--wb-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;display:block;margin:6px 0 10px}.wb-support hr{border:0;border-top:1px dashed var(--wb-border);margin:10px 0 14px}.wb-support .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.wb-support .row{grid-template-columns:1fr}}.wb-support input,.wb-support select,.wb-support textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--wb-border);border-radius:8px;background:var(--wb-field-bg);color:var(--wb-fg);font:inherit;transition:border-color .15s,box-shadow .15s}.wb-support input:focus,.wb-support select:focus,.wb-support textarea:focus{outline:none;border-color:var(--wb-accent);box-shadow:0 0 0 3px #3b82f62e}.wb-support textarea{resize:vertical;min-height:220px;line-height:1.5}.wb-support__hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.wb-support__consent{display:flex;align-items:flex-start;gap:9px;margin:4px 0 2px}.wb-support__consent input{width:auto;margin-top:3px}.wb-support__consent span{font-size:.85rem;color:var(--wb-muted)}.wb-support__actions{text-align:center;margin-top:18px}.wb-support button[type=submit]{background:var(--wb-accent);color:#fff;border:0;padding:13px 34px;border-radius:9px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s,transform .05s}.wb-support button[type=submit]:hover{background:var(--wb-accent-dark)}.wb-support button[type=submit]:active{transform:translateY(1px)}.wb-support__feedback{margin-top:14px;padding:11px 15px;border-radius:8px;font-size:.9rem;text-align:center}.wb-support__feedback[data-state=ok]{background:#e7f6ec;color:#0a7a32}.wb-support__feedback[data-state=err]{background:#fdeaea;color:#b00020}.body_dark .wb-support{--wb-bg: #1b2431;--wb-fg: #e6edf5;--wb-muted: #9fb0c3;--wb-border: #2f3d4f;--wb-field-bg: #141c27}.body_dark .wb-support form{box-shadow:0 8px 28px #00000059}.body_dark .wb-support__feedback[data-state=ok]{background:#12351f;color:#6ee7a0}.body_dark .wb-support__feedback[data-state=err]{background:#3a1618;color:#ff9aa2}.wb-opcert{position:fixed;inset:0;z-index:99999;display:flex;align-items:flex-start;justify-content:center;padding:104px 16px 40px;overflow-y:auto}.wb-opcert[hidden]{display:none!important}.wb-opcert__backdrop{position:fixed;inset:0;background:#090e18b8;backdrop-filter:blur(2px)}.wb-opcert__dialog{position:relative;z-index:1;width:100%;max-width:620px}.wb-opcert__dialog .wb-support{margin:0;max-width:none;background:var(--wb-bg);border-radius:14px;padding:24px 24px 20px;box-shadow:0 24px 64px #00000073}.wb-opcert__dialog .wb-support__head{margin-bottom:16px}.wb-opcert__dialog .wb-support__head h3{color:var(--wb-fg);font-size:1.35rem}.wb-opcert__dialog .wb-support form{background:transparent;border:0;box-shadow:none;padding:0}.wb-opcert__dialog .wb-support textarea{min-height:150px}.wb-opcert__close{position:absolute;top:-8px;right:-8px;z-index:2;width:38px;height:38px;border:0;border-radius:50%;background:#fff;color:#1f2937;font-size:26px;line-height:1;cursor:pointer;box-shadow:0 4px 14px #00000040}.wb-opcert__close:hover{background:#f1f5f9}body.modal-open{overflow:hidden}.body_dark .wb-opcert__close{background:#1b2431;color:#e6edf5}
