/* ===== Homepage Hero Slider (unique style) ===== */
.hslider{position:relative;border-radius:26px;overflow:hidden;margin:24px 0;height:420px;background:#0b0f1a}
.hslide{position:absolute;inset:0;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 6s ease;display:flex;align-items:center}
.hslide.active{opacity:1;transform:scale(1)}
.hslide:before{content:"";position:absolute;inset:0;background:var(--ov,linear-gradient(120deg,#0B7A4Bee,#E6394699))}
.hslide .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35}
.hslide .inner{position:relative;z-index:2;padding:0 54px;max-width:640px}
.hslide .tag{display:inline-block;background:#ffffff22;backdrop-filter:blur(6px);padding:6px 16px;border-radius:40px;font-size:.74rem;font-weight:700;letter-spacing:1.5px;margin-bottom:16px;text-transform:uppercase}
.hslide h2{font-size:2.8rem;line-height:1.1;margin:0 0 12px;font-weight:800;letter-spacing:-1px}
.hslide p{font-size:1.1rem;color:#e4e9f2;margin-bottom:24px}
.hslide .cta{display:inline-flex;gap:12px;align-items:center}
.hslide .livebadge{display:inline-flex;align-items:center;gap:8px;background:#ffffff20;border:1px solid #ffffff33;padding:8px 18px;border-radius:40px;font-weight:700;font-size:.85rem}
.hslide .livebadge .blip{width:10px;height:10px;border-radius:50%;background:#fff;animation:pulse 1.4s infinite}
.hdots{position:absolute;bottom:22px;left:54px;z-index:5;display:flex;gap:10px}
.hdots button{width:34px;height:6px;border-radius:4px;border:0;background:#ffffff44;cursor:pointer;padding:0;transition:.3s}
.hdots button.on{background:#fff;width:52px}
.hnav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff33;background:#ffffff15;color:#fff;font-size:1.3rem;cursor:pointer;display:grid;place-items:center;backdrop-filter:blur(6px)}
.hnav:hover{background:#ffffff30}
.hnav.prev{left:18px}.hnav.next{right:18px}
@media(max-width:760px){
  .hslider{height:auto;min-height:440px}
  .hslide .inner{padding:0 24px}
  .hslide h2{font-size:1.9rem}
  .hdots{bottom:16px;left:24px}
}
