.hero-live-controls{position:absolute;z-index:8;left:5.2%;top:31.5%;width:min(1180px,68vw)}
.hero-live-search{width:min(760px,100%);margin:0 0 16px;background:rgba(245,248,255,.96);border:1px solid rgba(107,168,255,.65);box-shadow:0 12px 34px rgba(0,0,0,.34)}
.hero-live-search input{color:#10233f}.hero-live-search input::placeholder{color:#596d89}.hero-live-search .search-icon{color:#123d77}.hero-live-search button{background:linear-gradient(180deg,#147ce5,#0759cf);color:#fff}
.hero-live-controls .search-results{position:absolute;left:0;right:0;top:68px;z-index:20;max-width:760px}
.hero-primary-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}
.hero-primary-tabs button{min-height:126px;border:1px solid rgba(117,177,255,.35);border-radius:14px;background:rgba(3,16,36,.84);backdrop-filter:blur(10px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:10px 7px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.hero-primary-tabs button:hover,.hero-primary-tabs button:focus-visible{border-color:#e6ad42;transform:translateY(-2px);outline:none}.hero-primary-tabs span{font-size:27px}.hero-primary-tabs strong{font-size:13px;color:#ffd273;text-align:center}.hero-primary-tabs small{font-size:10px;line-height:1.3;color:#d8e1ef;text-align:center}
@media(max-width:1180px){.hero-live-controls{left:4%;top:300px;width:min(900px,75vw)}.hero-primary-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-primary-tabs button{min-height:104px}}
@media(max-width:860px){.hero-live-controls{left:12px;right:12px;top:345px;width:auto}.hero-live-search{width:100%}.hero-primary-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hero-primary-tabs button{min-height:92px;padding:10px 8px}.hero-primary-tabs span{font-size:22px}.hero-primary-tabs strong{font-size:12px}.hero-primary-tabs small{font-size:9px}.hero{min-height:1900px!important}}
@media(max-width:540px){.hero-live-controls{top:325px}.hero-live-search{margin-bottom:10px}.hero-primary-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hero-primary-tabs button{min-height:88px;padding:8px 6px}.hero-primary-tabs span{font-size:20px}.hero-primary-tabs strong{font-size:11px}.hero-primary-tabs small{font-size:8.5px}.hero{min-height:1850px!important}}