.hero .live-summary{position:relative;overflow:hidden;background:linear-gradient(145deg,rgba(8,43,74,.42),rgba(4,25,51,.26));border:1px solid rgba(117,218,255,.52);backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%);box-shadow:0 18px 50px rgba(0,13,31,.27),inset 0 1px 0 rgba(255,255,255,.25),inset 0 -1px 0 rgba(71,196,255,.12)}
.hero .live-summary:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.17),transparent 30%,transparent 68%,rgba(28,192,255,.12));pointer-events:none}
.hero .live-summary:after{content:'';position:absolute;left:16%;right:16%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:.65}
.hero .live-summary>*{position:relative;z-index:1}
.hero .live-summary span{color:#e4f8ff;text-shadow:0 1px 7px rgba(0,0,0,.32)}
.hero .live-summary strong{color:#25caff;text-shadow:0 0 28px rgba(0,188,255,.34)}
.hero .live-summary em{font-style:normal;font-size:8px;font-weight:900;letter-spacing:.13em;color:rgba(220,244,255,.72)}
@media(max-width:600px){.hero .live-summary em{font-size:6px;letter-spacing:.1em}}