/* Support widget + cards (shared across all pages) */
@keyframes sp-pulse{0%{box-shadow:0 0 0 0 rgba(14,165,233,.55)}70%{box-shadow:0 0 0 16px rgba(14,165,233,0)}100%{box-shadow:0 0 0 0 rgba(14,165,233,0)}}
@keyframes sp-pop{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.sp-fab{position:fixed;right:20px;bottom:20px;z-index:60;font-family:Inter,system-ui,sans-serif}
.sp-fab-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0ea5e9,#6366f1);color:#fff;border:0;border-radius:999px;padding:14px 20px;font-weight:700;font-size:14px;cursor:pointer;animation:sp-pulse 2.4s infinite}
.sp-fab-btn:hover{filter:brightness(1.1)}
.sp-panel{position:absolute;right:0;bottom:64px;width:min(340px,calc(100vw - 40px));background:rgba(15,23,42,.97);border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:16px;box-shadow:0 25px 60px -15px rgba(0,0,0,.7);animation:sp-pop .22s ease;display:none}
.sp-panel.open{display:block}
.sp-panel h4{color:#fff;font-weight:700;font-size:15px;margin:0 0 2px}
.sp-panel p.sub{color:#94a3b8;font-size:12px;margin:0 0 12px}
.sp-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin:10px 0 6px;font-weight:700}
.sp-row{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;text-decoration:none;color:#e2e8f0;transition:background .15s}
.sp-row:hover{background:rgba(148,163,184,.1)}
.sp-ico{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}
.sp-ico.tg{background:#229ED9}.sp-ico.wa{background:#25D366}
.sp-row b{display:block;font-size:13px;color:#fff}.sp-row small{font-size:11px;color:#94a3b8}
.sp-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#34d399;margin-right:6px}
.sp-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.sp-track{display:flex;gap:16px;width:max-content;animation:sp-marquee 22s linear infinite}
.sp-track img{height:44px;border-radius:12px;opacity:.95}
.sp-card{transition:transform .25s,box-shadow .25s,border-color .25s}
.sp-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px -16px rgba(14,165,233,.35)}
@media (prefers-reduced-motion:reduce){.sp-track,.sp-fab-btn{animation:none}}

/* ---- Advanced support blocks ---- */
.sp-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0f172a;border:1px solid rgba(56,189,248,.4);color:#e2e8f0;padding:10px 18px;border-radius:999px;font:600 13px Inter,sans-serif;opacity:0;pointer-events:none;transition:.25s;z-index:120}
.sp-toast.show{opacity:1;transform:translate(-50%,0)}
.sp-chip{cursor:pointer;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);color:#cbd5e1;border-radius:14px;padding:12px 14px;text-align:left;transition:.2s;font:500 14px Inter,sans-serif}
.sp-chip:hover{border-color:rgba(56,189,248,.6);transform:translateY(-2px)}
.sp-chip.active{border-color:#38bdf8;background:rgba(14,165,233,.14);color:#fff;box-shadow:0 0 0 3px rgba(56,189,248,.12)}
.sp-input{width:100%;background:rgba(2,6,23,.7);border:1px solid rgba(148,163,184,.2);border-radius:12px;padding:11px 14px;color:#e2e8f0;font:14px Inter,sans-serif;outline:none;transition:.2s}
.sp-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 18px;font:600 14px Inter,sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:.2s;color:#fff}
.sp-btn.tg{background:#229ED9}.sp-btn.wa{background:#1fb855}.sp-btn.ghost{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.25)}
.sp-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.sp-dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.sp-dot.ok{background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:sp-ping 2s infinite}
.sp-dot.degraded{background:#fbbf24}.sp-dot.down{background:#f87171}
@keyframes sp-ping{70%{box-shadow:0 0 0 8px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}
.sp-faq details{border:1px solid rgba(148,163,184,.15);border-radius:14px;background:rgba(15,23,42,.5);margin-bottom:10px;transition:.2s}
.sp-faq details[open]{border-color:rgba(56,189,248,.45);background:rgba(14,165,233,.06)}
.sp-faq summary{cursor:pointer;list-style:none;padding:16px 18px;font-weight:600;color:#f1f5f9;display:flex;justify-content:space-between;gap:12px}
.sp-faq summary::-webkit-details-marker{display:none}
.sp-faq summary::after{content:"+";color:#38bdf8;font-size:20px;line-height:1;transition:transform .2s}
.sp-faq details[open] summary::after{transform:rotate(45deg)}
.sp-faq .ans{padding:0 18px 16px;color:#94a3b8;font-size:14px;line-height:1.65}
.sp-logo{filter:saturate(.75) brightness(.95);transition:.25s}
.sp-track:hover .sp-logo{filter:saturate(.4) brightness(.7)}
.sp-track .sp-logo:hover{filter:none;transform:translateY(-3px) scale(1.05)}