:root{
  --bg:#f5f7fb; --card:#ffffff; --ink:#172033; --muted:#667085; --line:#d9e1ee;
  --brand:#1d4ed8; --good:#15803d; --bad:#b91c1c; --soft:#eef4ff;
  --shadow:0 18px 50px rgba(15,23,42,.12); --radius:22px;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(135deg,#eef4ff,#f8fafc);color:var(--ink)}
.support-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.support-card{width:min(820px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.brand-row{display:flex;gap:14px;align-items:center;margin-bottom:18px}.brand-mark{height:52px;width:52px;border-radius:18px;background:linear-gradient(135deg,var(--brand),#60a5fa);display:grid;place-items:center;color:#fff;font-weight:950}.brand-row h1{margin:0;font-size:26px}.brand-row p{margin:4px 0 0;color:var(--muted)}form{display:flex;flex-direction:column;gap:14px}.grid.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;font-weight:850;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit;font-size:15px}textarea{min-height:150px;resize:vertical}button{border:0;border-radius:14px;background:var(--brand);color:#fff;padding:13px 16px;font-weight:900;font-size:16px;cursor:pointer}button:disabled{opacity:.65;cursor:not-allowed}.status{border-radius:14px;padding:12px 14px;margin-bottom:14px;background:var(--soft);font-weight:800}.status.ok{background:#dcfce7;color:#166534}.status.err{background:#fee2e2;color:var(--bad)}.privacy-note{margin:16px 0 0;color:var(--muted);font-size:12px;line-height:1.45}@media(max-width:700px){.grid.two{grid-template-columns:1fr}.support-card{padding:18px}.brand-row h1{font-size:22px}}

.api-status{font-size:12px;color:#667085;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:8px 10px;margin-bottom:12px}.api-status.ok{color:#166534;background:#dcfce7;border-color:#86efac}.api-status.err{color:#991b1b;background:#fee2e2;border-color:#fecaca}