.hly-clean-hero{margin:0 0 18px;border:1px solid rgba(148,163,184,.18);border-radius:30px;background:radial-gradient(circle at 18% 18%,rgba(255,71,125,.35),transparent 34%),linear-gradient(135deg,#101a33,#07111f 55%,#17213c);min-height:330px;position:relative;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.32)}
.hly-clean-hero:before{content:"";position:absolute;inset:-40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);transform:rotate(14deg);animation:cleanShine 7s linear infinite}
@keyframes cleanShine{from{translate:-45% 0}to{translate:45% 0}}
.clean-slider{position:relative;z-index:1;min-height:330px}
.clean-slide{display:none;min-height:330px}
.clean-slide.active{display:grid;align-items:center}
.clean-card{display:block;text-decoration:none!important;color:inherit!important;padding:28px 78px}
.clean-top{text-align:center;margin-bottom:16px}
.clean-top span{display:inline-flex;padding:8px 17px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);color:#fff;font-weight:1000}
.clean-main{display:grid;grid-template-columns:1fr 220px 1fr;align-items:center;gap:24px;text-align:center}
.clean-team{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0}
.clean-team .logo-wrap{width:126px!important;height:126px!important;border-radius:50%!important;background:#fff!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-shadow:0 14px 35px rgba(0,0,0,.28)!important}
.clean-team .team-logo{width:88%!important;height:88%!important;object-fit:contain!important}
.clean-name{font-size:clamp(21px,2.2vw,31px);font-weight:1000;color:#fff;line-height:1.2;max-width:270px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-align:center}
.clean-form{height:16px;display:flex;gap:5px;justify-content:center}
.clean-dot{width:10px;height:10px;border-radius:50%;display:inline-block}
.clean-dot.win{background:#22c55e}
.clean-dot.loss{background:#ef4444}
.clean-dot.draw{background:#9ca3af}
.clean-center{display:flex;flex-direction:column;align-items:center;gap:10px}
.clean-score{direction:ltr;unicode-bidi:plaintext;font-size:58px;line-height:1;font-weight:1000;color:#fff}
.clean-score.vs{font-size:46px;color:#cbd5e1}
.clean-penalty{font-size:13px;color:#ffd94a;font-weight:1000}
.clean-status{font-size:18px;font-weight:1000;color:#ffd94a;min-height:24px}
.clean-status.live{color:#ff5f94;animation:cleanPulse 1.5s ease-in-out infinite}
.clean-status.done{color:#77f3ac}
@keyframes cleanPulse{0%,100%{opacity:.68;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
.clean-time{font-size:14px;color:#cbd5e1;font-weight:900}
.clean-link{margin-top:4px;color:#fff;background:linear-gradient(135deg,#ff477d,#2f8cff);padding:11px 25px;border-radius:999px;font-weight:1000}
.clean-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;background:rgba(0,0,0,.42);color:#fff;font-size:32px;font-weight:1000;cursor:pointer}
.clean-prev{right:22px}
.clean-next{left:22px}
.clean-dots{position:absolute;z-index:2;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.clean-dotnav{width:10px;height:10px;border:0;border-radius:50%;background:rgba(255,255,255,.28);cursor:pointer}
.clean-dotnav.active{background:#ff477d}
@media(max-width:800px){
  .clean-card{padding:22px 48px}
  .clean-main{grid-template-columns:1fr;gap:14px}
  .clean-team .logo-wrap{width:90px!important;height:90px!important}
  .clean-score{font-size:44px}
}
