/* BestMatchLive.Ph v3.19 homepage API groups carousel */
.wcl-home-groups-carousel{position:relative;overflow:hidden;border:1px solid rgba(255,143,0,.9);border-radius:14px;background:linear-gradient(180deg,rgba(10,16,17,.96),rgba(7,10,11,.96));box-shadow:0 18px 45px rgba(0,0,0,.35);padding-top:34px;padding-bottom:34px}
.wcl-home-groups-carousel .section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.wcl-group-carousel-shell{position:relative;padding:0 42px}
.wcl-group-viewport{overflow:hidden;width:100%}
.wcl-group-track{display:flex;gap:18px;transition:transform .55s ease;will-change:transform}
.wcl-group-card{flex:0 0 calc((100% - 36px)/3);min-width:0;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,rgba(25,29,31,.98),rgba(12,13,14,.98));box-shadow:0 12px 30px rgba(0,0,0,.30);overflow:hidden;color:#fff}
.wcl-group-card:hover{border-color:rgba(255,213,74,.75);transform:translateY(-2px)}
.wcl-group-cover{position:relative;min-height:145px;padding:18px;background:radial-gradient(circle at 80% 20%,rgba(255,213,74,.28),transparent 30%),linear-gradient(135deg,rgba(0,88,70,.74),rgba(2,25,45,.92));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;overflow:hidden}
.wcl-group-cover:after{content:"";position:absolute;inset:auto -25px -55px auto;width:150px;height:150px;border:3px solid rgba(255,213,74,.65);border-radius:999px}
.wcl-group-icon{position:relative;z-index:2;width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.68);border:1px solid rgba(255,213,74,.75);color:#ffd54a;font-weight:900;font-size:21px;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 10px 24px rgba(0,0,0,.35)}
.wcl-group-icon img{width:100%;height:100%;object-fit:cover;border-radius:15px}
.wcl-group-name{position:relative;z-index:2;align-self:flex-end;margin-left:auto;text-align:right;font-size:28px;line-height:1;font-weight:900;text-transform:uppercase;text-shadow:0 4px 18px rgba(0,0,0,.75);max-width:220px}
.wcl-group-body{padding:16px}
.wcl-group-body h3{margin:8px 0 8px;font-size:21px;line-height:1.25;color:#fff}
.wcl-group-body p{margin:0 0 12px;color:rgba(255,255,255,.76)}
.wcl-group-teams{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 14px}
.wcl-team-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wcl-team-chip img{width:18px;height:18px;border-radius:999px;object-fit:cover;background:#fff}
.wcl-group-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.wcl-group-actions .btn{font-size:12px;padding:8px 12px}
.wcl-group-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:8;width:34px;height:56px;border-radius:999px;border:1px solid rgba(255,213,74,.72);background:rgba(0,0,0,.68);color:#ffd54a;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:22px;line-height:1;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.wcl-group-arrow:hover,.wcl-group-arrow:focus{background:#ffd54a;color:#111;outline:none}
.wcl-group-prev{left:2px}.wcl-group-next{right:2px}
.wcl-group-dots{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:16px}
.wcl-group-dots button{width:8px;height:8px;border:0;border-radius:999px;background:rgba(255,255,255,.35);padding:0;cursor:pointer}
.wcl-group-dots button.is-active{width:24px;background:#ffd54a}
.wcl-group-card.is-loading{opacity:.85}.wcl-group-card.is-fallback{border-color:rgba(255,213,74,.35)}
@media(max-width:980px){.wcl-home-groups-carousel .section-head{align-items:flex-start;flex-direction:column}.wcl-group-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:640px){.wcl-group-carousel-shell{padding:0 38px}.wcl-group-card{flex-basis:100%}.wcl-group-cover{min-height:130px}.wcl-group-name{font-size:24px}.wcl-group-arrow{width:32px;height:50px}}

:root{--bml-primary:#0B1F3A;--bml-primary-dark:#081426;--bml-platinum:#E5E7EB;--bml-platinum-dark:#C7CCD6;--bml-live:#00D26A;--bml-white:#FFFFFF;}
body{background:#fff;}a{color:var(--bml-live)!important;}header,.site-header,.topbar,.navbar{background:#081426!important;color:#fff!important;}footer,.site-footer{background:#0B1F3A!important;color:#E5E7EB!important;}button,.btn,.cta-button{background:#00D26A!important;color:#fff!important;border-color:#00D26A!important;}