/* Public hero mirrors the dashboard sports banner. */
.hero{min-height:320px;padding:42px 46px;border-radius:22px;background:#04172f;isolation:isolate}
.hero:after{z-index:1;background:linear-gradient(90deg,rgba(3,20,43,.98) 0,rgba(3,24,49,.9) 35%,rgba(3,32,62,.34) 72%,rgba(3,28,55,.28));pointer-events:none}
.public-hero-slideshow,.public-slide{position:absolute;inset:0;border-radius:inherit}
.hero>.public-hero-slideshow{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:0!important;overflow:hidden}
.public-slide{opacity:0;background-position:center;background-size:cover;animation:publicHero 36s infinite}
.public-slide.ps1{background-image:url('hero-basketball.webp');animation-delay:0s;opacity:1}
.public-slide.ps2{background-image:url('hero-volleyball.webp');animation-delay:6s}
.public-slide.ps3{background-image:url('hero-badminton.webp');animation-delay:12s}
.public-slide.ps4{background-image:url('hero-athletics.webp');animation-delay:18s}
.public-slide.ps5{background-image:url('hero-football.webp');animation-delay:24s}
.public-slide.ps6{background-image:url('hero-tabletennis.webp');animation-delay:30s}
@keyframes publicHero{0%,14%{opacity:1;transform:scale(1)}17%,100%{opacity:0;transform:scale(1.02)}}
.public-hero-copy{max-width:620px}.hero-kicker{display:block;color:#ffca3d;font-size:10px;font-weight:900;letter-spacing:.2em}.hero-kicker i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ffca3d;margin-right:9px}.hero h1{font-size:clamp(42px,4vw,55px);line-height:.96;letter-spacing:-.045em;margin:18px 0 12px}.hero h1 em{color:#fff}.hero p{max-width:555px;margin:0;color:#bdd0e2;font-size:14px;line-height:1.6}.public-hero-action{display:inline-flex;align-items:center;gap:22px;margin-top:24px;padding:13px 17px;border-radius:10px;background:#fff;color:#10213b;text-decoration:none;font-size:11px;font-weight:900;box-shadow:0 10px 25px #0003;transition:.2s}.public-hero-action:hover{transform:translateY(-2px);box-shadow:0 13px 28px #0005}.public-hero-action b{font-size:18px;color:#078fc7}
.live-summary{position:relative;width:165px;min-height:170px;margin-right:18px;border-radius:18px;background:rgba(16,64,99,.68);border-color:rgba(111,209,249,.38);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 40px rgba(0,35,61,.35)}.live-summary span{color:#dff7ff}.live-summary span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38ff8b;margin-right:6px;box-shadow:0 0 0 4px #38ff8b16}.live-summary strong{font-size:62px}
.public-slide-dots{position:absolute!important;z-index:2!important;left:46px;bottom:18px;display:flex;gap:6px}.public-slide-dots i{width:5px;height:5px;border-radius:8px;background:#ffffff55}.public-slide-dots i:first-child{width:21px;background:#18c9ff}.hero>.public-hero-copy,.hero>.live-summary{z-index:2!important}
@media(max-width:900px){.hero{min-height:320px}.live-summary{width:145px;margin-right:0}}@media(max-width:600px){.hero{min-height:330px;padding:28px 24px}.public-hero-copy{max-width:100%}.hero h1{font-size:42px}.hero p{max-width:70%;font-size:11px}.public-hero-action{margin-top:18px}.live-summary{right:18px;bottom:20px;width:105px;min-height:110px}.public-slide-dots{left:24px;bottom:12px}}