/* screen - index */

.index {
  background-color: #101010;
  min-height: 5516px;
  min-width: 1920px;
  overflow: hidden;
  position: relative;
  width: 1920px;
}

.index .partner-1-1 {
  height: 1080px;
  left: calc(50.00% - 960px);
  object-fit: cover;
  position: absolute;
  top: 1080px;
  width: 1920px;
}

.index .frame-72 {
  bottom: 0;
  height: 786px;
  left: 0;
  position: absolute;
  width: 1920px;
}

.index .frame-19 {
  bottom: 0;
  display: flex;
  height: 694px;
  left: calc(50.00% - 960px);
  position: absolute;
  width: 1920px;
}

.index .vector-2 {
  height: 694px;
  width: 1710.25px;
}

.index .frame-15 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: #0101014c;
  border-radius: 8px;
  bottom: 0;
  height: 231px;
  left: calc(50.00% - 960px);
  overflow: hidden;
  position: absolute;
  width: 1920px;
}

.index .frame-23 {
  align-items: center;
  display: flex;
  gap: 96px;
  left: 205px;
  position: absolute;
  top: 28px;
  width: 1511px;
}

.index .grafica {
  height: 125px;
  position: relative;
  width: 408px;
}

.index .frame-22 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 873px;
}

.index .nn-tng-cc-th-th {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
}

.index .debet-cung-cp-cho-n {
  align-items: center;
  align-self: stretch;
  color: var(--mercury);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 20px;
  position: relative;
}

.index .group-1 {
  display: flex;
  height: 27px;
  left: 709px;
  position: absolute;
  top: 171px;
  width: 244px;
}

.index .copyright {
  align-items: center;
  display: flex;
  height: 27px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  width: 46px;
}

.index .debet {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  height: 25px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18px;
  margin-left: 4px;
  margin-top: 1px;
  text-align: center;
  width: 49px;
}

.index .all-rights-reserved {
  align-items: center;
  display: flex;
  height: 18px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 18px;
  margin-left: 3px;
  margin-top: 4px;
  text-align: center;
  white-space: nowrap;
  width: 136px;
}

.index .i-tc-chnh-thc-2026-2028 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 500;
  height: 13px;
  left: 266px;
  letter-spacing: 0;
  line-height: 12.7px;
  position: absolute;
  top: 185px;
  white-space: nowrap;
}

.index .frame-42 {
  height: 1808px;
  left: 0;
  position: absolute;
  top: 2160px;
  width: 1920px;
}

.index .vector-2-1 {
  height: 1478px;
  left: calc(50.00% - 832px);
  position: absolute;
  top: 0;
  width: 1501px;
}

.index .frame-85 {
  height: 515px;
  left: 203px;
  position: absolute;
  top: 1240px;
  width: 1513px;
}

.index .frame-72-1 {
  height: 480px;
  left: calc(50.00% - 756px);
  position: absolute;
  top: 0;
  width: 1512px;
}

.index .frame-8 {
  height: 520px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1512px;
}

.index .ellipse-1-2 {
  border-radius: 77.5px/81.5px;
  filter: blur(50px);;
  height: 163px;
  left: 15px;
  top: 9px;
  width: 155px;
}

.index .ellipse-2-1 {
  background: linear-gradient(136deg, rgba(219, 131, 39, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 169.5px/387px;
  filter: blur(50px);;
  height: 774px;
  left: 481px;
  opacity: 0.19;
  position: absolute;
  top: -242px;
  transform: rotate(-90.00deg);
  width: 339px;
}

.index .rectangle-1-1 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: #fbd45303;
  height: 511px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1512px;
}

.index .laliga-l-mt-trong {
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 400;
  left: 27px;
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: 290px;
  width: 1485px;
}

.index .span0 {
  color: var(--lightning-yellow);
  font-weight: 700;
}

.index .span {
  color: var(--mercury);
}

.index .span2 {
  color: var(--lightning-yellow);
}

.index .rectangle-4 {
  height: 512px;
  left: 0;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  width: 545px;
}

.index .frame-94 {
  display: flex;
  flex-direction: column;
  gap: 27px;
  height: 231px;
  left: 294px;
  position: absolute;
  top: 29px;
  width: 1240px;
}

.index .gii-v-ch-bng {
  height: 35px;
  letter-spacing: 0;
  line-height: 35px;
  margin-left: 8px;
  white-space: nowrap;
  width: 562px;
}

.index .frame-84 {
  align-items: center;
  display: flex;
  gap: 28px;
  height: 125px;
  position: relative;
  width: 1240px;
}

.index .frame-75 {
  background-image: url(../img/vector-3.svg);
  background-size: 100% 100%;
  height: 125px;
  position: relative;
  width: 152px;
}

.index .thnh-lp {
  left: 20px;
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: 75px;
  white-space: nowrap;
}

.index .number {
  left: 29px;
}

.index .frame-76 {
  background-image: url(../img/vector-3-1.svg);
  background-size: 100% 100%;
  height: 125px;
  position: relative;
  width: 152px;
}

.index .clb {
  left: calc(50.00% - 19px);
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: 75px;
  white-space: nowrap;
}

.index .number-1 {
  left: calc(50.00% - 23px);
}

.index .frame-74 {
  background-image: url(../img/vector-4.svg);
  background-size: 100% 100%;
  height: 125.0px;
  position: relative;
  width: 371px;
}

.index .address {
  left: calc(50.00% - 70px);
  line-height: 35px;
  position: absolute;
  top: 76px;
}

.index .real-madrid {
  left: calc(50.00% - 112px);
  line-height: 35px;
  position: absolute;
  top: calc(50.00% - 39px);
}

.index .frame-77 {
  background-image: url(../img/vector-4-1.svg);
  background-size: 100% 100%;
  height: 125.0px;
  position: relative;
  width: 371px;
}

.index .fc-barcelona {
  left: calc(50.00% - 126px);
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: calc(50.00% - 39px);
  white-space: nowrap;
}

.index .la-liga_ea_-sports_2 {
  align-items: flex-start;
  display: flex;
  height: 185px;
  left: 28px;
  padding: 0 11.0px;
  position: absolute;
  top: 47px;
  width: 243px;
}

.index .capa-2 {
  display: flex;
  height: 180px;
  justify-content: center;
  width: 206px;
}

.index .layer-1 {
  position: relative;
  width: 206.09px;
}

.index .vector-6 {
  height: 23.18%;
  left: calc(50.00% - 103px);
  position: absolute;
  top: 76.82%;
  width: 206px;
}

.index .vector-7 {
  height: 68.14%;
  left: 21.58%;
  position: absolute;
  top: 0;
  width: 64.09%;
}

.index .bg {
  height: 42px;
  left: calc(50.00% - 103px);
  position: absolute;
  top: 49px;
  width: 206px;
}

.index .a-bn-n-gn-hn-vi-laliga {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 32px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  left: calc(50.00% - 315px);
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 128px;
  white-space: nowrap;
}

.index .frame-76-1 {
  height: 860px;
  left: calc(50.00% - 960px);
  position: absolute;
  top: 191px;
  width: 1920px;
}

.index .frame-52 {
  display: flex;
  height: 710px;
  left: 44px;
  position: absolute;
  top: 0;
  width: 1827px;
}

.index .rectangle-13 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.04) 100%);
  height: 668px;
  margin-left: 1px;
  margin-top: 1px;
  width: 152px;
}

.index .rectangle {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.07) 100%);
  height: 668px;
  margin-left: 58px;
  margin-top: 1px;
  width: 152px;
}

.index .rectangle-1 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  height: 668px;
  margin-left: 57px;
  margin-top: 1px;
  width: 152px;
}

.index .rectangle-6 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 240, 99, 0.2) 100%);
  height: 668px;
  margin-left: 57px;
  margin-top: 1px;
  width: 152px;
}

.index .rectangle-5 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 237, 65, 1) 100%);
  height: 722px;
  margin-left: 58px;
  margin-top: 0;
  width: 150px;
}

.index .rectangle-7 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 240, 99, 0.2) 100%);
  height: 668px;
  margin-left: 58px;
  margin-top: 1px;
  width: 152px;
}

.index .rectangle-12 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 255, 255, 0.04) 100%);
  height: 668px;
  margin-left: 57px;
  margin-top: 1px;
  width: 152px;
}

.index .x2-1 {
  aspect-ratio: 0.61;
  height: 427px;
  left: -34px;
  position: absolute;
  top: 189px;
  width: 260px;
}

.index .lamineyamal-barcelona-lamine-yamal-1 {
  aspect-ratio: 0.4;
  height: 468px;
  left: -28px;
  position: absolute;
  top: 148px;
  width: 189px;
}

.index .mikel-oyarzabal-1 {
  aspect-ratio: 0.59;
  height: 422px;
  left: -23px;
  position: absolute;
  top: 194px;
  width: 250px;
}

.index .nico-williams-1 {
  aspect-ratio: 0.56;
  height: 472px;
  left: -39px;
  object-fit: cover;
  position: absolute;
  top: 144px;
  width: 265px;
}

.index .x3-1 {
  aspect-ratio: 0.48;
  height: 411px;
  left: -11px;
  position: absolute;
  top: 205px;
  width: 197px;
}

.index .x1 {
  aspect-ratio: 0.47;
  height: 525px;
  left: -23px;
  position: absolute;
  top: 91px;
  width: 249px;
}

.index .vedat-muriqi-1 {
  aspect-ratio: 0.39;
  height: 363px;
  left: 0;
  position: absolute;
  top: 253px;
  width: 140px;
}

.index .cristhian-stuani-1 {
  aspect-ratio: 0.36;
  height: 406px;
  left: 4px;
  position: absolute;
  top: 210px;
  width: 147px;
}

.index .kylian-mbapp {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  left: -23px;
  letter-spacing: 0;
  line-height: 38px;
  position: absolute;
  top: 28px;
}

.index .team-item .player-name {
  font-size: 25px;
  height: 64px;
  left: 0;
  line-height: 1.28;
  overflow-wrap: anywhere;
  width: 152px;
}

.index .ayoze-perez-1 {
  aspect-ratio: 0.41;
  height: 367px;
  left: 2px;
  position: absolute;
  top: 249px;
  width: 150px;
}

.index .frame {
  height: 236px;
  position: relative;
  width: 158px;
}

.index .frame-43 {
  height: 238px;
  position: relative;
  top: -2px;
  width: 155px;
}

.index .vector {
  height: 29px;
  left: 2px;
  position: absolute;
  top: 13px;
  width: 158px;
}

.index .vector-4 {
  height: 71.04%;
  left: 0;
  position: absolute;
  top: -5.17%;
  width: 96.85%;
}

.index .vector-5 {
  display: flex;
  height: 219px;
  left: 1px;
  position: absolute;
  top: 19px;
  width: 152px;
}

.index .vector-3 {
  flex: 1;
  margin-left: 0.33%;
  margin-right: -0.33%;
  width: 152px;
}

.index .rectangle-4-1 {
  background-color: #005187;
  top: 228px;
}

.index .villarreal_cf_logo-en-1 {
  aspect-ratio: 0.8;
  height: 112px;
  left: calc(50.00% - 44px);
  position: absolute;
  top: calc(50.00% - 52px);
  width: 90px;
}

.index .rectangle-4-2 {
  background-color: #ee2523;
  top: 228px;
}

.index .sevilla_fc_logo-1 {
  aspect-ratio: 0.82;
  height: 109px;
  left: calc(50.00% - 44px);
  position: absolute;
  top: calc(50.00% - 50px);
  width: 90px;
}

.index .frame-43-1 {
  height: 293px;
  position: relative;
}

.index .vector-4-1 {
  height: 29px;
  left: 2px;
  position: absolute;
  top: 11px;
  width: 158px;
}

.index .vector-1 {
  display: flex;
  height: 219px;
  left: 1px;
  position: absolute;
  top: 17px;
  width: 152px;
}

.index .rectangle-4-3 {
  background-color: #282a6f;
  top: 226px;
}

.index .atletico_-madrid_-logo_2024-1 {
  aspect-ratio: 0.78;
  height: 115px;
  left: calc(50.00% - 45px);
  position: absolute;
  top: calc(50.00% - 84px);
  width: 90px;
}

.index .frame-43-2 {
  height: 238px;
  position: relative;
  top: -2px;
  width: 154px;
}

.index .vector-4-2 {
  height: 29px;
  left: 1px;
  position: absolute;
  top: 13px;
  width: 158px;
}

.index .rectangle-4-4 {
  background-color: #a00525;
  top: 228px;
}

.index .layer1 {
  aspect-ratio: 0.99;
  height: 91px;
  left: 32px;
  position: absolute;
  top: 79px;
  width: 90px;
}

.index .rectangle-4-5 {
  background-color: var(--lightning-yellow);
  top: 228px;
}

.index .real_-madrid_cf-1 {
  aspect-ratio: 0.72;
  height: 126px;
  left: calc(50.00% - 44px);
  position: absolute;
  top: 59px;
  width: 90px;
}

.index .vector-4-3 {
  height: 29px;
  left: 1px;
  position: absolute;
  top: 11px;
  width: 158px;
}

.index .rectangle-4-6 {
  background-color: var(--white);
  top: 226px;
}

.index .club_-athletic_-bilbao_logo-1 {
  aspect-ratio: 0.89;
  height: 101px;
  left: calc(50.00% - 45px);
  position: absolute;
  top: calc(50.00% - 76px);
  width: 90px;
}

.index .rectangle-4-7 {
  background-color: #e6a514;
  top: 226px;
}

.index .real_-sociedad_logo-1 {
  aspect-ratio: 0.87;
  height: 103px;
  left: calc(50.00% - 45px);
  position: absolute;
  top: calc(50.00% - 76px);
  width: 90px;
}

.index .rectangle-4-8 {
  background-color: #cf0c29;
  top: 226px;
}

.index .girona_fc_-logo-1 {
  aspect-ratio: 1;
  height: 90px;
  left: calc(50.00% - 45px);
  position: absolute;
  top: calc(50.00% - 70px);
  width: 90px;
}

.index .vector-3-1 {
  height: 276px;
  left: 1px;
  position: absolute;
  top: -10px;
  width: 152px;
}

.index .rectangle-4-9 {
  background-color: #178358;
  top: 226px;
}

.index .rcd_mallorca-1 {
  aspect-ratio: 0.76;
  height: 119px;
  left: calc(50.00% - 45px);
  position: absolute;
  top: calc(50.00% - 86px);
  width: 90px;
}

.index .frame-86 {
  display: flex;
  height: 28px;
  left: 44px;
  position: absolute;
  top: 1069px;
  width: 1831px;
}

.index .surname {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 27px;
  opacity: 0.1;
  text-align: center;
  white-space: nowrap;
  width: 107px;
}

.index .sevilla-fc {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 107px;
  opacity: 0.3;
  text-align: center;
  white-space: nowrap;
  width: 86px;
}

.index .atltico-madrid {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 100px;
  opacity: 0.4;
  text-align: center;
  white-space: nowrap;
  width: 139px;
}

.index .fc-barcelona-1 {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 84px;
  opacity: 0.7;
  text-align: center;
  white-space: nowrap;
  width: 120px;
}

.index .real-madrid-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 700;
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 78px;
  text-align: center;
  white-space: nowrap;
  width: 135px;
}

.index .athletic-bilbao {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 74px;
  opacity: 0.7;
  text-align: center;
  white-space: nowrap;
  width: 133px;
}

.index .real-sociedad {
  height: 28px;
  line-height: 28px;
  margin-left: 78px;
  opacity: 0.4;
  text-align: center;
  width: 127px;
}

.index .girona-fc {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 100px;
  opacity: 0.3;
  text-align: center;
  white-space: nowrap;
  width: 89px;
}

.index .rcd-mallorca {
  height: 28px;
  letter-spacing: 0;
  line-height: 28px;
  margin-left: 110px;
  opacity: 0.1;
  text-align: center;
  white-space: nowrap;
  width: 122px;
}

.index .frame-90 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: calc(50.00% - 270px);
  position: absolute;
  top: 1129px;
  width: 540px;
}

.index .frame-2085663884 {
  height: 772px;
  left: -6px;
  position: absolute;
  top: 3785px;
  width: 1926px;
}

.index .frame-11 {
  height: 669px;
  left: 29px;
  position: absolute;
  top: 90px;
  width: 1897px;
}

.index .frame-93 {
  height: 400px;
  left: 181px;
  position: absolute;
  top: 226px;
  width: 1512px;
}

.index .vector-2-2 {
  height: 400px;
  left: 64px;
  position: absolute;
  top: 0;
  width: 1299px;
}

.index .ellipse-1 {
  background: linear-gradient(133deg, rgba(255, 130, 0, 1) 0%, rgba(248, 136, 24, 1) 100%);
  border-radius: 77.5px/81.5px;
  height: 163px;
  left: 196px;
  opacity: 0.5;
  position: absolute;
  top: -17px;
  width: 155px;
}

.index .ellipse-2 {
  background: linear-gradient(0deg, rgba(248, 187, 24, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 161.5px/50.5px;
  bottom: 138px;
  height: 101px;
  left: 320px;
  opacity: 0.3;
  position: absolute;
  width: 323px;
}

.index .ellipse-1-1 {
  border-radius: 78.6px/100.49px;
  height: 201px;
  left: 545px;
  top: 3px;
  transform: rotate(-34.56deg);
  width: 157px;
}

.index .rectangle-2-1 {
  height: 400px;
}

.index .rectangle-3 {
  height: 512px;
  position: absolute;
  right: 0;
  top: 0;
  width: 545px;
}

.index .ivan-codina {
  aspect-ratio: 9.97;
  height: 78px;
  left: 182px;
  position: absolute;
  top: 103px;
  width: 778px;
}

.index .frame-67 {
  height: 400px;
  left: calc(50.00% - 768px);
  position: absolute;
  top: 226px;
  width: 1512px;
}

.index .ng-ivan-codina {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 34px;
  font-weight: 900;
  height: 28px;
  left: 452px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 39px;
  white-space: nowrap;
}

.index .text_label {
  left: 468px;
  top: -22155px;
}

.index .ci-bt-tay-lch-s {
  left: calc(50.00% - 304px);
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: 194px;
  width: 1034px;
}

.index .line-2 {
  height: 2px;
  left: calc(50.00% - 304px);
  position: absolute;
  top: 158px;
  width: 152px;
}

.index .gim-c-iu-hnh-l {
  align-items: center;
  display: flex;
  height: 28px;
  left: 452px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 97px;
  white-space: nowrap;
}

.index .frame-54 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: var(--black-3);
  border: 1px solid;
  border-color: var(--dune);
  border-radius: 48px 0px 48px 0px;
  height: 483px;
  left: 209px;
  position: absolute;
  top: 276px;
  width: 417px;
}

.index .frame-2085663886 {
  bottom: 0;
  display: flex;
  height: 674px;
  left: 165px;
  position: absolute;
  width: 460px;
}

.index .x5-1 {
  aspect-ratio: 0.56;
  height: 674px;
  margin-left: 44px;
  object-fit: cover;
  width: 416px;
}

.index .rectangle-8 {
  height: 451px;
  left: 298px;
  position: absolute;
  top: 452px;
  width: 327px;
}

.index .frame-2085665105 {
  height: 772px;
  left: -6px;
  position: absolute;
  top: 4425px;
  width: 1926px;
}

.index .frame-11-1 {
  height: 680px;
  left: 29px;
  overflow: hidden;
  position: absolute;
  top: 90px;
  width: 1897px;
}

.index .frame-93-1 {
  height: 454px;
  left: 181px;
  position: absolute;
  top: 226px;
  width: 1512px;
}

.index .vector-2-3 {
  height: 454px;
  left: 64px;
  position: absolute;
  top: 0;
  width: 1299px;
}

.index .rectangle-2-2 {
  height: 454px;
}

.index .bg-1 {
  aspect-ratio: 4.91;
  height: 78px;
  left: 182px;
  position: absolute;
  top: 87px;
  width: 383px;
}

.index .text_label-1 {
  left: 649px;
  top: -21929px;
}

.index .frame-2085665123 {
  display: flex;
  flex-direction: column;
  height: 419px;
  left: 649px;
  position: absolute;
  top: 247px;
  width: 1358px;
}

.index .debet-nn-tng-c {
  height: 35px;
  letter-spacing: 0;
  line-height: 35px;
  white-space: nowrap;
  width: 767px;
}

.index .frame-84-1 {
  align-items: center;
  display: inline-flex;
  gap: 28px;
  height: 125px;
  margin-top: 25px;
  position: relative;
  width: 658px;
}

.index .frame-76-2 {
  background-image: url(../img/vector-3-11.svg);
  background-size: 100% 100%;
  height: 125px;
  position: relative;
  width: 152px;
}

.index .frame-77-1 {
  height: 125px;
  position: relative;
  width: 478px;
}

.index .vector-4-4 {
  height: 100.00%;
  left: 0;
  position: absolute;
  top: 0;
  width: 99.90%;
}

.index .ng-nam {
  left: calc(50.00% - 61px);
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: 76px;
  white-space: nowrap;
}

.index .pht-trin-nhanh-nht {
  left: calc(50.00% - 210px);
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: calc(50.00% - 39px);
  white-space: nowrap;
}

.index .vi-s-a-dng-v-s {
  align-self: center;
  height: 70px;
  letter-spacing: 0;
  line-height: 35px;
  margin-left: -314px;
  margin-top: 19.0px;
  width: 1044px;
}

.index .c-laliga-v-debet {
  align-self: center;
  height: 105px;
  letter-spacing: 0;
  line-height: 35px;
  margin-left: -314px;
  margin-top: 25px;
  width: 1044px;
}

.index .frame-2085665124 {
  align-items: flex-end;
  display: flex;
  height: 565px;
  left: 210px;
  position: absolute;
  top: 241px;
  width: 417px;
}

.index .frame-2085665121 {
  height: 565px;
  position: relative;
  width: 417px;
}

.index .frame-2085665122 {
  display: flex;
  height: 521px;
  left: 0;
  position: absolute;
  top: 19px;
  width: 417px;
}

.index .frame-54-1 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: var(--black-3);
  border: 1px solid;
  border-color: var(--dune);
  border-radius: 48px 0px 48px 0px;
  height: 546px;
  width: 417px;
}

.index .f5acce6a9cc2a5896d7e {
  aspect-ratio: 0.83;
  height: 502px;
  left: 0;
  position: absolute;
  top: 0;
  width: 417px;
}

.index .rectangle-9 {
  height: 451px;
  left: 90px;
  position: absolute;
  top: 257px;
  width: 327px;
}

.index .frame-2085663893 {
  height: 1080px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .frame-2085663903 {
  height: 665px;
  left: 0;
  position: absolute;
  top: 233px;
  width: 1926px;
}

.index .rectangle-10 {
  aspect-ratio: 0.72;
  height: 665px;
  left: 0;
  position: absolute;
  top: 0;
  width: 482px;
}

.index .rectangle-11 {
  aspect-ratio: 0.72;
  height: 665px;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(-1, 1);
  width: 477px;
}

.index .left {
  aspect-ratio: 1.53;
  height: 382px;
  left: 128px;
  position: absolute;
  top: 224px;
  width: 585px;
}

.index .right {
  aspect-ratio: 1.79;
  height: 398px;
  left: 1211px;
  object-fit: cover;
  position: absolute;
  top: 208px;
  width: 709px;
}

.index .partner-1-1-1 {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .frame-40 {
  height: 108px;
  left: 474px;
  position: absolute;
  top: 49px;
  width: 972px;
}

.index .frame-2085663894 {
  height: 780px;
  left: 504px;
  position: absolute;
  top: -442px;
  width: 851px;
}

.index .vector-1-2 {
  height: 549px;
  left: -277px;
  position: absolute;
  top: 442px;
  width: 1337px;
}

.index .vector-2-4 {
  height: 277px;
  left: calc(50.00% - 398px);
  position: absolute;
  top: 442px;
  width: 812px;
}

.index .frame-2085663892 {
  display: flex;
  height: 1080px;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .frame-19-1 {
  height: 1080px;
  position: relative;
  width: 1919px;
}

.index .vector-2-5 {
  height: 1080px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1733px;
}

.index .frame-2085665127 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  height: 128px;
  left: calc(50.00% - 388px);
  position: absolute;
  top: 261px;
  width: 775px;
}

.index .i-tc-c-cc-chnh-thc {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-items: center;
  align-self: center;
  background: linear-gradient(176deg, rgba(252, 224, 37, 1) 0%, rgba(230, 154, 39, 1) 100%);
  background-clip: text;
  color: transparent;
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 46px;
  font-weight: 900;
  height: 60px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 60.0px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 775px;
}

.index .frame-2085665126 {
  align-items: center;
  display: inline-flex;
  gap: 16px;
  height: 60px;
  margin-left: 243px;
  position: relative;
  width: 272.24px;
}

.index .ca {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 46px;
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 60.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .group {
  height: 35.85px;
  position: relative;
  width: 150.24px;
}

.index .vector-8 {
  height: 97.81%;
  left: 0;
  position: absolute;
  top: 0;
  width: 13.85%;
}

.index .vector-9 {
  height: 97.81%;
  left: 16.27%;
  position: absolute;
  top: 0;
  width: 18.68%;
}

.index .vector-10 {
  height: 97.81%;
  left: 37.21%;
  position: absolute;
  top: 0;
  width: 13.85%;
}

.index .vector-11 {
  height: 97.81%;
  left: 53.90%;
  position: absolute;
  top: 0;
  width: 5.00%;
}

.index .vector-12 {
  height: 100.00%;
  left: 62.30%;
  position: absolute;
  top: 0;
  width: 17.54%;
}

.index .vector-13 {
  height: 97.81%;
  left: 81.32%;
  position: absolute;
  top: 0;
  width: 18.68%;
}

.index .grafica-1 {
  height: 162px;
  left: calc(50.00% - 266px);
  position: absolute;
  top: 43px;
  width: 532px;
}

.index .frame-96 {
  align-items: center;
  display: inline-flex;
  gap: 36px;
  left: calc(50.00% - 256px);
  position: absolute;
  top: 424px;
}

.index .line {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 74px;
}

.index .ma-gii-2026-2028 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2085663883 {
  height: 425px;
  left: calc(50.00% - 353px);
  position: absolute;
  top: 494px;
  width: 706px;
}

.index .rectangle-36 {
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  backdrop-filter: blur(25px) brightness(100%);
  background-color: #2a1c064c;
  border: 1.5px solid;
  border-color: #f8bb181a;
  border-radius: 8px;
  height: 395px;
  left: calc(50.00% - 353px);
  position: absolute;
  top: 0;
  width: 706px;
}

.index .frame-2085663881 {
  display: flex;
  flex-direction: column;
  gap: 23px;
  height: 266px;
  left: calc(50.00% - 286px);
  position: absolute;
  top: 44px;
  width: 573px;
}

.index .user::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 8px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.5px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .user {
  align-items: center;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 73px;
  margin-left: 0.5px;
  margin-top: 0.5px;
  padding: 0px 12px;
  position: relative;
  width: 572px;
}

.index .frame-2085663891 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.index .user-1 {
  aspect-ratio: 1;
  height: 32px;
  position: relative;
  width: 32px;
}

.index .vector-14 {
  height: 78.14%;
  left: 9.38%;
  position: absolute;
  top: 9.36%;
  width: 81.25%;
}

.index .tn-ti-khon {
  align-items: center;
  display: flex;
  height: 24px;
  letter-spacing: 0.20px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: 140px;
}

.index .mk::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 8px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.5px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .mk {
  align-items: center;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 8px;
  display: flex;
  height: 73px;
  justify-content: space-between;
  margin-left: 0.5px;
  padding: 19px 12px;
  position: relative;
  width: 572px;
}

.index .frame-2085663890 {
  height: 32px;
  position: relative;
  width: 157.8px;
}

.index .lock-key {
  aspect-ratio: 1;
  height: 32px;
  left: 0;
  position: absolute;
  top: 0;
  width: 32px;
}

.index .vector-15 {
  height: 84.38%;
  left: 12.50%;
  position: absolute;
  top: 3.12%;
  width: 75.00%;
}

.index .mt-khu {
  align-items: center;
  display: flex;
  height: 24px;
  left: 44px;
  letter-spacing: 0.20px;
  line-height: normal;
  position: absolute;
  top: 5px;
  white-space: nowrap;
}

.index .sdt::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 8px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1.5px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.index .sdt {
  align-items: center;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 8px;
  display: flex;
  gap: 12px;
  height: 73px;
  margin-left: 0.5px;
  padding: 14px 12px;
  position: relative;
  width: 572px;
}

.index .phone {
  aspect-ratio: 1;
  height: 32px;
  position: relative;
  width: 32px;
}

.index .vector-16 {
  height: 78.12%;
  left: 12.50%;
  position: absolute;
  top: 9.38%;
  width: 78.12%;
}

.index .s-in-thoi {
  align-items: center;
  display: flex;
  letter-spacing: 0.20px;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2085663882-1 {
  align-items: center;
  background-color: var(--cardinal);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 78px;
  justify-content: center;
  left: calc(50.00% - 170px);
  padding: 20px 52px;
  position: absolute;
  top: 353px;
  width: 340px;
}

.index .ng-k-ngay {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-69 {
  cursor: pointer;
  height: 102px;
  left: calc(50.00% - 48px);
  position: absolute;
  top: 955px;
  width: 96px;
}

.index .lt-xung {
  align-items: center;
  color: var(--mercury);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 400;
  height: 45px;
  justify-content: center;
  left: -3px;
  letter-spacing: 0;
  line-height: 45px;
  position: absolute;
  text-align: center;
  top: 57px;
  white-space: nowrap;
}

.index .frame-2085663905 {
  height: 15px;
  left: 38px;
  position: absolute;
  top: 46px;
  width: 19px;
}

.index .vector-7-stroke {
  height: 9px;
  left: 0;
  position: absolute;
  top: 0;
  width: 19px;
}

.index .vector-8-stroke {
  height: 9px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 19px;
}

.index .frame-2085665103 {
  align-items: flex-end;
  display: flex;
  gap: 20px;
  left: calc(50.00% - 756px);
  position: absolute;
  top: 1258px;
  width: 1512px;
}

.index .frame-2085665099 {
  height: 217px;
  position: relative;
  width: 364px;
}

.index .vector-9-1 {
  height: 193px;
  left: 1px;
  position: absolute;
  top: 24px;
  width: 363px;
}

.index .vector-10-1 {
  left: 1px;
  top: 24px;
}

.index .hon-tr-v-tn {
  height: 80px;
  left: calc(50.00% - 165px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 49px;
}

.index .frame-2085665095 {
  align-items: center;
  display: inline-flex;
  gap: 18px;
  left: 19px;
  position: absolute;
  top: 148px;
}

.index .ln-ti {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 28px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.index .percent {
  -webkit-text-stroke: 1.04px var(--amber);
  letter-spacing: 0;
  line-height: 58.0px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .image-1268363825 {
  aspect-ratio: 1.29;
  height: 137px;
  left: 186px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  width: 177px;
}

.index .frame-208566510 {
  height: 225px;
  position: relative;
  width: 364px;
}

.index .vector-1-1 {
  height: 193px;
  left: 1px;
  position: absolute;
  top: 32px;
  width: 363px;
}

.index .vector-10-2 {
  left: 1px;
  top: 31px;
}

.index .bo-him-thua-cc {
  height: 80px;
  left: calc(50.00% - 171px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 57px;
}

.index .frame-208566509 {
  align-items: center;
  display: inline-flex;
  gap: 18px;
  left: 11px;
  position: absolute;
  top: 156px;
}

.index .address-1 {
  -webkit-text-stroke: 1.04px var(--amber);
  line-height: 58.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: fit-content;
}

.index .shield-1 {
  aspect-ratio: 1.1;
  height: 126px;
  left: 225px;
  object-fit: cover;
  width: 138px;
}

.index .vector-10-3 {
  left: 2px;
  top: 32px;
}

.index .thng {
  height: 80px;
  left: calc(50.00% - 167px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 57px;
}

.index .shield-2 {
  aspect-ratio: 1.03;
  height: 144px;
  left: 214px;
  width: 149px;
}

.index .frame-2085665102 {
  height: 225px;
  margin-right: -4.00px;
  position: relative;
  width: 364px;
}

.index .vector-10-4 {
  left: 1px;
  top: 32px;
}

.index .bet-1 {
  aspect-ratio: 1.31;
  height: 144px;
  left: 176px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  width: 187px;
}

.index .address-2 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  left: calc(50.00% - 383px);
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 1175px;
}

.index .mi-loi-ko-chi-v-thng {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 40px;
  font-weight: 900;
  height: 28px;
  justify-content: center;
  left: calc(50.00% - 372px);
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 1592px;
  white-space: nowrap;
}

.index .frame-2085665105-1 {
  background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(153, 110, 40, 0.5) 50%, rgba(51, 19, 0, 0.2) 100%);
  border: 1px solid;
  border-color: var(--mikado);
  border-radius: 8px;
  flex: 1;
  flex-grow: 1;
  height: 373px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-top: -1.00px;
  position: relative;
}

.index .lamine-yamal-barcelona-26_27-1-1 {
  left: calc(50.00% - 129px);
}

.index .image-1268363817 {
  aspect-ratio: 0.98;
  height: 83px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 82px;
}

.index .k-sports {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 92px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 232px;
  white-space: nowrap;
}

.index .frame-2085663882 {
  align-items: center;
  background-color: var(--cardinal);
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 60px;
  justify-content: center;
  left: calc(50.00% - 122px);
  padding: 20px 52px;
  position: absolute;
  top: 299px;
  width: 239px;
}

.index .cc-ngay {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -4.50px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -6.50px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .mask-group {
  height: 62px;
  left: -16px;
  position: absolute;
  top: -23px;
  width: 73px;
}

.index .frame-208566511 {
  background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(153, 110, 40, 0.5) 50%, rgba(51, 19, 0, 0.2) 100%);
  border: 1px solid;
  border-color: var(--mikado);
  border-radius: 8px;
  flex: 1;
  flex-grow: 1;
  height: 373px;
  margin-bottom: -1.00px;
  margin-top: -1.00px;
  position: relative;
}

.index .lamine-yamal-barcelona-26_27-1 {
  aspect-ratio: 0.82;
  height: 310px;
  left: calc(50.00% - 134px);
  object-fit: cover;
  position: absolute;
  top: -61px;
  width: 254px;
}

.index .image-1268363816 {
  aspect-ratio: 1.07;
  height: 78px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 83px;
}

.index .s-aba-sports {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 126px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 232px;
  white-space: nowrap;
}

.index .image-1268363815 {
  aspect-ratio: 0.9;
  height: 78px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 70px;
}

.index .t-sports {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  left: calc(50.00% - 91px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  white-space: nowrap;
}

.index .lamine-yamal-barcelona-26_27-1-2 {
  left: calc(50.00% - 116px);
  object-fit: cover;
}

.index .b-sports {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  left: calc(50.00% - 88px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  white-space: nowrap;
}

.index .frame-2085665120 {
  background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(153, 110, 40, 0.5) 50%, rgba(51, 19, 0, 0.2) 100%);
  border: 1px solid;
  border-color: var(--mikado);
  border-radius: 8px;
  flex: 1;
  flex-grow: 1;
  height: 373px;
  margin-bottom: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  position: relative;
}

.index .image-1268363820 {
  aspect-ratio: 1;
  height: 275px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: -22px;
  width: 276px;
}

.index .image-1268363814 {
  aspect-ratio: 1.25;
  height: 58px;
  left: 6px;
  position: absolute;
  top: 22px;
  width: 73px;
}

.index .e-sports {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 87px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 232px;
  white-space: nowrap;
}

.index .mask-group-1 {
  height: 62px;
  left: -16px;
  position: absolute;
  top: -23px;
  width: 73px;
}

.index .address-3 {
  letter-spacing: 0;
  white-space: nowrap;
}

.index .ellipse-1-3 {
  background: linear-gradient(136deg, rgba(219, 131, 39, 1) 0%, rgba(248, 187, 24, 1) 100%);
  opacity: 0.5;
  position: absolute;
}

.index .lamine-yamal-barcelona-26_27-1-3 {
  aspect-ratio: 0.82;
  height: 310px;
  position: absolute;
  top: -61px;
  width: 254px;
}

.index .number-2 {
  letter-spacing: 0;
  line-height: 35px;
  position: absolute;
  top: calc(50.00% - 38px);
  white-space: nowrap;
}

.index .real {
  letter-spacing: 0;
  white-space: nowrap;
}

.index .rectangle-2-3 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: var(--black-2);
  border: 1px solid;
  border-color: var(--dune);
  left: 0;
  position: absolute;
  top: 0;
  width: 1512px;
}

.index .rectangle-4-10 {
  height: 10px;
  left: 1px;
  position: absolute;
  width: 152px;
}

.index .shield {
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
}

.index .text_label-2 {
  align-items: center;
  display: flex;
  height: 44548px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
}

.index .vector-10-5 {
  height: 192px;
  position: absolute;
  width: 290px;
}
/* screen - mb */

.mb {
  background-color: #101010;
  min-height: 6437px;
  min-width: 402px;
  position: relative;
  width: 402px;
}

.mb .vector-3-3 {
  height: 847px;
  left: 0;
  width: 402px;
}

.mb .frame-2085663902 {
  height: 270px;
  left: 28px;
  position: absolute;
  top: -147px;
  width: 295px;
}

.mb .vector-2-6 {
  height: 212px;
  left: calc(50.00% - 176px);
  position: absolute;
  top: 147px;
  width: 402px;
}

.mb .vector-4-8 {
  height: 153px;
  left: calc(50.00% - 176px);
  position: absolute;
  top: 147px;
  width: 384px;
}

.mb .frame-2085663895 {
  height: 787px;
  left: 0;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .kv-debet-x-laliga-1 {
  aspect-ratio: 1.62;
  height: 249px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 121px;
  width: 402px;
}

.mb .frame-2085663888 {
  aspect-ratio: 9.01;
  height: 77px;
  left: 0;
  position: absolute;
  top: 44px;
  width: 402px;
}

.mb .frame-96-1 {
  align-items: center;
  display: inline-flex;
  gap: 21.01px;
  left: calc(50.00% - 163px);
  position: absolute;
  top: 434px;
}

.mb .line-1 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 43.18px;
}

.mb .ma-gii-2026-2028-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 17.5px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 20.4px;
  margin-top: -0.58px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .frame-2085663883-1 {
  height: 291px;
  left: calc(50.00% - 191px);
  position: absolute;
  top: 465px;
  width: 382px;
}

.mb .rectangle-36-1 {
  -webkit-backdrop-filter: blur(25px) brightness(100%);
  backdrop-filter: blur(25px) brightness(100%);
  background-color: #45310f33;
  border: 1.5px solid;
  border-color: #f8bb181a;
  border-radius: 8px;
  height: 248px;
  left: calc(50.00% - 191px);
  position: absolute;
  top: 18px;
  width: 382px;
}

.mb .frame-2085663881-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: calc(50.00% - 182px);
  padding: 0px 1px;
  position: absolute;
  top: 31px;
  width: 366px;
}

.mb .frame-2085665125 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.mb .user-2::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 4px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mb .user-2 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 4px;
  display: flex;
  gap: 12px;
  height: 50px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  margin-top: -1.00px;
  padding: 12px 10px;
  position: relative;
  width: 100%;
}

.mb .user-3 {
  aspect-ratio: 1;
  height: 25px;
  margin-top: -0.50px;
  position: relative;
  width: 25px;
}

.mb .vector-17 {
  height: 78.14%;
  left: 9.38%;
  position: absolute;
  top: 9.36%;
  width: 81.25%;
}

.mb .tn-ti-khon-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0.18px;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.mb .mk-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 4px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mb .mk-1 {
  align-items: center;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 4px;
  display: flex;
  height: 50px;
  justify-content: space-between;
  margin-left: -1.00px;
  margin-right: -1.00px;
  padding: 15px 10px;
  position: relative;
  width: 100%;
}

.mb .frame-2085663889 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  margin-bottom: -1.50px;
  margin-top: -3.50px;
  position: relative;
}

.mb .lock-key-1 {
  aspect-ratio: 1;
  height: 25px;
  position: relative;
  width: 25px;
}

.mb .vector-18 {
  height: 84.38%;
  left: 12.50%;
  position: absolute;
  top: 3.12%;
  width: 75.00%;
}

.mb .mt-khu-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0.18px;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.mb .sdt-1::before {
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  background: linear-gradient(90deg, rgba(238, 212, 114, 1) 0%, rgba(248, 187, 24, 1) 18%, rgba(255, 255, 244, 1) 50%, rgba(248, 187, 24, 1) 80%, rgba(238, 212, 114, 1) 100%);
  border-radius: 4px;
  content: '';
  inset: 0;
  mask-composite: exclude;
  padding: 1px;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mb .sdt-1 {
  align-items: flex-end;
  align-self: stretch;
  background: linear-gradient(0deg, rgba(20, 10, 13, 0.2) 0%, rgba(20, 10, 13, 0.2) 100%);
  border: none;
  border-radius: 4px;
  display: flex;
  gap: 12px;
  height: 50px;
  margin-bottom: -1.00px;
  margin-left: -1.00px;
  margin-right: -1.00px;
  padding: 14px 10px;
  position: relative;
  width: 100%;
}

.mb .phone-1 {
  aspect-ratio: 1;
  height: 25px;
  margin-top: -5.00px;
  position: relative;
  width: 25px;
}

.mb .vector-19 {
  height: 78.12%;
  left: 12.50%;
  position: absolute;
  top: 9.38%;
  width: 78.12%;
}

.mb .s-in-thoi-1 {
  align-items: center;
  display: flex;
  letter-spacing: 0.18px;
  line-height: normal;
  margin-top: -2.00px;
  position: relative;
  width: fit-content;
}

.mb .frame-2085663882-3 {
  display: inline-flex;
  height: 48px;
  padding: 20px 24px;
  position: relative;
}

.mb .ng-k-ngay-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-m);
  font-weight: 900;
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: -7.00px;
  margin-top: -9.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .vector-2-7 {
  height: 442px;
  left: calc(50.00% - 202px);
  position: absolute;
  top: -151px;
  width: 402px;
}

.mb .vector-2-8 {
  height: 220px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 567px;
  width: 390px;
}

.mb .sesion-2 {
  height: 872px;
  left: calc(50.00% - 201px);
  overflow: hidden;
  position: absolute;
  top: 2306px;
  width: 402px;
}

.mb .vector-5-2 {
  height: 825px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 47px;
  width: 402px;
}

.mb .rectangle-6-1 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 240, 99, 0.2) 100%);
  height: 446px;
  left: -18px;
  position: absolute;
  top: 123px;
  width: 128px;
}

.mb .rectangle-7-1 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 240, 99, 0.2) 100%);
  height: 446px;
  left: 293px;
  position: absolute;
  top: 123px;
  width: 128px;
}

.mb .lamineyamal-barcelona-lamine-yamal-1-1 {
  aspect-ratio: 0.4;
  height: 328px;
  left: 0;
  position: absolute;
  top: 208px;
  width: 104px;
}

.mb .nico-williams-1-1 {
  aspect-ratio: 0.56;
  height: 330px;
  left: 254px;
  object-fit: cover;
  position: absolute;
  top: 206px;
  width: 148px;
}

.mb .rectangle-5-1 {
  background: linear-gradient(180deg, rgba(115, 115, 115, 0) 0%, rgba(255, 237, 65, 1) 100%);
  border-color: #fff06314;
  border-left-style: solid;
  border-left-width: 1px;
  border-right-style: solid;
  border-right-width: 1px;
  height: 446px;
  left: 137px;
  position: absolute;
  top: 123px;
  width: 128px;
}

.mb .frame-86-1 {
  height: 28px;
  left: calc(50.00% - 916px);
  position: absolute;
  top: 757px;
  width: 1831px;
}

.mb .sevilla-fc-1 {
  left: 241px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.3;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .atltico-madrid-1 {
  left: 427px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .fc-barcelona-2 {
  left: 699px;
  line-height: 28px;
  opacity: 0.7;
  top: 0;
}

.mb .real-mandrid {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 700;
  left: calc(50.00% - 72px);
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .athletic-bilbao-1 {
  left: 1013px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.7;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .real-sociedad-1 {
  left: 1268px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.4;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .girona-fc-1 {
  left: 1495px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.3;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .rcd-mallorca-1 {
  left: 1694px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.1;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .surname-1 {
  left: 27px;
  letter-spacing: 0;
  line-height: 28px;
  opacity: 0.1;
  position: absolute;
  text-align: center;
  top: 0;
  white-space: nowrap;
}

.mb .frame-47-1 {
  align-items: center;
  display: flex;
  gap: 26px;
  left: calc(50.00% - 850px);
  position: absolute;
  top: 540px;
  width: 1830px;
}

.mb .frame-1 {
  height: 205px;
  position: relative;
  width: 131px;
}

.mb .frame-43-3 {
  height: 205px;
  position: relative;
}

.mb .vector-4-5 {
  display: flex;
  height: 24px;
  left: 2px;
  position: absolute;
  top: 2px;
  width: 129px;
}

.mb .vector-4-6 {
  flex: 1;
  margin-left: -0.63%;
  margin-right: 4.43%;
  width: 124.1px;
}

.mb .vector-5-1 {
  height: 195px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 131px;
}

.mb .rectangle-4-10 {
  background-color: var(--black);
  height: 8px;
  left: 1px;
}

.mb .vector-3-2 {
  height: 95.46%;
  left: 0;
  width: 98.63%;
}

.mb .vector-4-9 {
  height: 24px;
  left: 0;
  position: absolute;
  top: 6px;
  width: 131px;
}

.mb .vector-4-10 {
  height: 70.93%;
  left: 16.03%;
  position: absolute;
  top: -5.10%;
  width: 80.17%;
}

.mb .vector-5-3 {
  height: 195px;
  left: 21px;
  position: absolute;
  top: 10px;
  width: 110px;
}

.mb .vector-4-11 {
  height: 24px;
  left: 2px;
  position: absolute;
  top: 6px;
  width: 129px;
}

.mb .vector-4-12 {
  height: 71.04%;
  left: 0;
  position: absolute;
  top: -5.17%;
  width: 96.85%;
}

.mb .rectangle-4-11 {
  background-color: var(--lightning-yellow);
  height: 5px;
  left: 0;
}

.mb .real_-madrid_cf-1-1 {
  aspect-ratio: 0.72;
  height: 105px;
  left: calc(50.00% - 40px);
  position: absolute;
  top: calc(50.00% - 52px);
  width: 75px;
}

.mb .vector-20 {
  height: 89.50%;
  left: 7.64%;
  position: absolute;
  top: 5.01%;
  width: 84.71%;
}

.mb .vector-21 {
  height: 17.50%;
  left: 22.54%;
  position: absolute;
  top: 12.41%;
  width: 54.94%;
}

.mb .vector-22 {
  height: 98.65%;
  left: 0;
  position: absolute;
  top: 0;
  width: 97.14%;
}

.mb .vector-23 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.mb .vector-4-13 {
  height: 24px;
  left: 1px;
  position: absolute;
  top: 6px;
  width: 129px;
}

.mb .vector-4-14 {
  height: 71.04%;
  left: 0;
  position: absolute;
  top: -5.17%;
  width: 84.35%;
}

.mb .vector-5-4 {
  height: 195px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 109px;
}

.mb .a-bn-n-gn-hn-vi-laliga-1 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 19.3px;
  font-weight: 900;
  height: 17px;
  justify-content: center;
  left: calc(50.00% - 190px);
  letter-spacing: 0;
  line-height: 16.9px;
  position: absolute;
  text-align: center;
  top: 82px;
  white-space: nowrap;
}

.mb .x1-1 {
  aspect-ratio: 0.47;
  height: 368px;
  left: 114px;
  position: absolute;
  top: 168px;
  width: 174px;
}

.mb .kylian-mbapp-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 900;
  left: 118px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 140px;
}

.mb .frame-91 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  left: calc(50.00% - 167px);
  position: absolute;
  top: 811px;
  width: 334px;
}

.mb .bg-2 {
  height: 34px;
  left: calc(50.00% - 83px);
  position: absolute;
  top: 24px;
  width: 168px;
}

.mb .frame-85-1 {
  height: 857px;
  left: calc(50.00% - 201px);
  overflow: hidden;
  position: absolute;
  top: 3178px;
  width: 402px;
}

.mb .bg-3 {
  height: 1009px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .ellipse-1-5 {
  background: linear-gradient(136deg, rgba(219, 131, 39, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 77.5px/81.5px;
  filter: blur(50px);;
  height: 163px;
  left: 15px;
  opacity: 0.5;
  position: absolute;
  top: 9px;
  width: 155px;
}

.mb .ellipse-2-3 {
  background: linear-gradient(136deg, rgba(219, 131, 39, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 169.5px/387px;
  filter: blur(50px);;
  height: 774px;
  left: 481px;
  opacity: 0.19;
  position: absolute;
  top: -242px;
  transform: rotate(-90.00deg);
  width: 339px;
}

.mb .rectangle-1-2 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: #fbd45303;
  height: 1192px;
  left: 0;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .rectangle-16 {
  height: 377px;
  left: 0;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .frame-84-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  justify-content: center;
  left: 10px;
  position: absolute;
  top: 239px;
  width: 382px;
}

.mb .frame-2085663896 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 19.33px;
  position: relative;
  width: 307.63px;
}

.mb .frame-7 {
  flex: 1;
  flex-grow: 1;
  height: 76px;
  position: relative;
}

.mb .vector-3-4 {
  height: 77px;
  left: 1px;
  width: 144px;
}

.mb .thnh-lp-1 {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 600;
  left: calc(50.00% - 39px);
  position: absolute;
  top: 43px;
}

.mb .number-2 {
  left: calc(50.00% - 27px);
  position: absolute;
  top: 9px;
}

.mb .vector-3-5 {
  height: 77px;
  left: 0;
  width: 144px;
}

.mb .cu-lc-b {
  color: var(--mercury);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 600;
  left: calc(50.00% - 40px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 43px;
  white-space: nowrap;
}

.mb .number-3 {
  left: calc(50.00% - 16px);
  position: absolute;
  top: 9px;
}

.mb .frame-74-1 {
  align-self: stretch;
  background-image: url(../img/vector-4-16.svg);
  position: relative;
  width: 100%;
}

.mb .address-3 {
  left: calc(50.00% - 52px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 49px;
  white-space: nowrap;
}

.mb .real-madrid-2 {
  left: calc(50.00% - 75px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 14px;
  white-space: nowrap;
}

.mb .frame-73 {
  align-self: stretch;
  height: 77.61px;
  margin-bottom: -0.81px;
  margin-left: -0.81px;
  margin-right: -0.81px;
  position: relative;
  width: 100%;
}

.mb .vector-4-7 {
  height: 76px;
  left: calc(50.00% - 192px);
  position: absolute;
  top: 0;
  width: 382px;
}

.mb .address-4 {
  left: calc(50.00% - 56px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 44px;
  white-space: nowrap;
}

.mb .fc-barcelona-3 {
  left: calc(50.00% - 85px);
  line-height: 28.2px;
  top: 10px;
}

.mb .la-liga_ea_-sports_2-1 {
  align-items: flex-start;
  display: flex;
  height: 107px;
  left: calc(50.00% - 70px);
  padding: 0 15.7px;
  position: absolute;
  top: 23px;
  width: 140px;
}

.mb .capa-2-1 {
  height: 104px;
  margin-top: 0;
  width: 101px;
}

.mb .layer-1-1 {
  height: 100%;
  left: calc(50.00% - 50px);
  position: relative;
}

.mb .vector-24 {
  height: 23.18%;
  left: calc(50.00% - 50px);
  position: absolute;
  top: 76.82%;
  width: 101px;
}

.mb .vector-25 {
  height: 68.14%;
  left: 16.15%;
  position: absolute;
  top: 0;
  width: 75.43%;
}

.mb .laliga-l-mt-trong-1 {
  color: transparent;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xs);
  font-weight: 400;
  left: 11px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 505px;
  width: 381px;
}

.mb .span0-1 {
  color: var(--lightning-yellow);
  font-weight: 700;
}

.mb .span-2 {
  color: var(--mercury);
}

.mb .span2-1 {
  color: var(--lightning-yellow);
}

.mb .gii-v-ch-bng-1 {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-m);
  font-weight: 700;
  left: calc(50.00% - 157px);
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 163px;
  width: 303px;
}

.mb .frame-2085663906 {
  height: 884px;
  left: 0;
  position: absolute;
  top: 4052px;
  width: 402px;
}

.mb .ivan-codina-1 {
  aspect-ratio: 9.97;
  height: 39px;
  left: 7px;
  position: absolute;
  top: 46px;
  width: 389px;
}

.mb .frame-2085663898 {
  background-color: #683f001f;
  height: 884px;
  left: 0;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .frame-11-2 {
  height: 920px;
}

.mb .frame-93-2 {
  height: 753px;
}

.mb .vector-2-9 {
  height: 725px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .ellipse-1-3 {
  background: linear-gradient(133deg, rgba(255, 130, 0, 1) 0%, rgba(248, 136, 24, 1) 100%);
  border-radius: 77.5px/81.5px;
  height: 163px;
  left: 124px;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 155px;
}

.mb .ellipse-2-2 {
  background: linear-gradient(0deg, rgba(248, 187, 24, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 161.5px/50.5px;
  bottom: 138px;
  height: 101px;
  left: 320px;
  opacity: 0.3;
  position: absolute;
  width: 323px;
}

.mb .ellipse-1-4 {
  background: linear-gradient(136deg, rgba(219, 131, 39, 1) 0%, rgba(248, 187, 24, 1) 100%);
  border-radius: 78.6px/100.49px;
  height: 201px;
  left: 268px;
  opacity: 0.3;
  position: absolute;
  top: 87px;
  transform: rotate(-34.56deg);
  width: 157px;
}

.mb .rectangle-2-3 {
  height: 725px;
}

.mb .line-2-1 {
  left: calc(50.00% - 191px);
  position: absolute;
  top: 398px;
}

.mb .ng-ivan-codina-1 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 34px;
  font-weight: 900;
  height: 28px;
  left: 10px;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  top: 276px;
  white-space: nowrap;
}

.mb .gim-c-iu-hnh-l-1 {
  align-items: center;
  display: flex;
  height: 60px;
  left: 11px;
  letter-spacing: 0;
  line-height: 30px;
  position: absolute;
  top: 322px;
  width: 382px;
}

.mb .ci-bt-tay-lch-s-1 {
  left: 10px;
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: calc(50.00% + 50px);
  width: 382px;
}

.mb .frame-2085663897 {
  height: 445px;
  left: 52px;
  position: absolute;
  top: -22px;
  width: 297px;
}

.mb .frame-54-2 {
  -webkit-backdrop-filter: blur(50.84px) brightness(100%);
  backdrop-filter: blur(50.84px) brightness(100%);
  background-color: var(--black-3);
  border: 0.66px solid;
  border-color: var(--dune);
  border-radius: 31.69px 0px 31.69px 0px;
  height: 319px;
  left: calc(50.00% - 141px);
  position: absolute;
  top: 118px;
  width: 282px;
}

.mb .x5-1-1 {
  aspect-ratio: 0.56;
  height: 423px;
  left: 7px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 279px;
}

.mb .rectangle-17 {
  height: 211px;
  left: 74px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 234px;
  width: 216px;
}

.mb .frame-2085663899 {
  height: 932px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 4957px;
  width: 402px;
}

.mb .frame-11-3 {
  height: 803px;
  overflow: hidden;
}

.mb .frame-93-3 {
  height: 920px;
}

.mb .rectangle-2-4 {
  height: 1023px;
}

.mb .frame-74-2 {
  align-items: center;
  background-image: url(../img/vector-4-18.svg);
  display: flex;
  flex-direction: column;
  gap: 6.4px;
  left: 10px;
  position: absolute;
  top: 270px;
  width: 382px;
}

.mb .number-4 {
  height: 29px;
  margin-left: 0;
  margin-top: 13.7px;
  text-align: center;
  width: 56px;
}

.mb .thnh-lp-2 {
  height: 29px;
  margin-left: 4.0px;
  width: 78px;
}

.mb .frame-73-1 {
  height: 78px;
  left: 9px;
  position: absolute;
  top: 355px;
  width: 384px;
}

.mb .ng-nam-1 {
  left: calc(50.00% - 49px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 44px;
  white-space: nowrap;
}

.mb .pht-trin-nhanh-nht-1 {
  left: calc(50.00% - 142px);
  letter-spacing: 0;
  line-height: 28.2px;
  position: absolute;
  text-align: center;
  top: 10px;
  white-space: nowrap;
}

.mb .vector-2-10 {
  height: 582px;
  left: calc(50.00% - 201px);
  position: absolute;
  top: 350px;
  width: 402px;
}

.mb .vi-s-a-dng-v-s-1 {
  left: calc(50.00% - 191px);
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 607px;
  width: 382px;
}

.mb .c-laliga-v-debet-1 {
  left: calc(50.00% - 191px);
  letter-spacing: 0;
  line-height: 26px;
  position: absolute;
  top: 761px;
  width: 381px;
}

.mb .frame-2085663886-2 {
  display: flex;
}

.mb .rectangle-18 {
  height: 211.28px;
  margin-left: 73.9px;
  margin-top: 233.7px;
  mix-blend-mode: lighten;
  width: 215.9px;
}

.mb .f5acce6a9cc2a5896d7e-1 {
  aspect-ratio: 0.83;
  height: 339px;
  left: calc(50.00% - 141px);
  position: absolute;
  top: 66px;
  width: 282px;
}

.mb .bg-4 {
  aspect-ratio: 4.91;
  height: 64px;
  left: calc(50.00% - 153px);
  position: absolute;
  top: 16px;
  width: 313px;
}

.mb .frame-55 {
  background-image: url(../img/vector-2-11.svg);
  background-size: 100% 100%;
  bottom: 0;
  box-shadow: 0px -6px 25px #00000080;
  height: 538px;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 402px;
}

.mb .frame-2085663902-1 {
  height: 270px;
  left: calc(50.00% - 155px);
  position: absolute;
  top: -156px;
  width: 295px;
}

.mb .vector-2-11 {
  height: 203px;
  left: calc(50.00% - 193px);
  position: absolute;
  top: 156px;
  width: 402px;
}

.mb .vector-4-15 {
  height: 164px;
  left: calc(50.00% - 193px);
  position: absolute;
  top: 156px;
  width: 395px;
}

.mb .frame-19-2 {
  display: flex;
  height: 1210px;
  justify-content: center;
  left: 0;
  position: absolute;
  top: -30px;
  width: 395px;
}

.mb .frame-1-1 {
  align-items: center;
  display: inline-flex;
  gap: 4px;
  height: 13px;
  margin-top: 529px;
  position: relative;
  width: 239px;
}

.mb .right-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 12.7px;
  margin-top: -0.70px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mb .debet-1 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 12.7px;
  margin-top: -0.70px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mb .frame-51 {
  display: flex;
  height: 506px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .image-24 {
  aspect-ratio: 1.04;
  height: 23px;
  margin-left: 223px;
  margin-top: 1076px;
  object-fit: cover;
  width: 24px;
}

.mb .frame-2085663901 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  left: 11px;
  position: absolute;
  top: 39px;
  width: 381px;
}

.mb .frame-2085663900 {
  align-self: stretch;
  height: 136px;
  position: relative;
  width: 100%;
}

.mb .i-tc-chnh-thc-2026-2028-1 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-s);
  font-weight: 700;
  height: 13px;
  justify-content: center;
  left: calc(50.00% - 148px);
  letter-spacing: 0;
  line-height: 12.7px;
  position: absolute;
  text-align: center;
  top: 109px;
  white-space: nowrap;
}

.mb .grafica-2 {
  height: 103px;
  left: calc(50.00% - 168px);
  position: absolute;
  top: -29px;
  width: 336px;
}

.mb .line-2-2 {
  position: relative;
}

.mb .frame-22-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.mb .nn-tng-cc-th-th-1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 35px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mb .debet-cung-cp-cho-n-1 {
  align-items: center;
  align-self: stretch;
  color: var(--mercury);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-xxs);
  font-weight: 400;
  justify-content: center;
  letter-spacing: 0;
  line-height: 22px;
  position: relative;
  text-align: center;
}

.mb .address-5 {
  align-items: center;
  color: var(--lightning-yellow);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 25px;
  font-weight: 900;
  height: 64px;
  justify-content: center;
  left: calc(50.00% - 150px);
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 809px;
  width: 300px;
}

.mb .mi-loi-ko-chi-v-thng-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: 25px;
  font-weight: 900;
  height: 64px;
  justify-content: center;
  left: calc(50.00% - 163px);
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 1700px;
  width: 325px;
}

.mb .frame-2085665103-1 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  left: calc(50.00% - 192px);
  position: absolute;
  top: 896px;
}

.mb .frame-2085665 {
  height: 186px;
  position: relative;
  width: 383px;
}

.mb .vector-9-3 {
  top: 18px;
}

.mb .vector-10-5 {
  height: 166px;
  left: 1px;
  position: absolute;
  top: 19px;
  width: 305px;
}

.mb .hon-tr-v-tn-1 {
  height: 64px;
  left: calc(50.00% - 174px);
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 40px;
}

.mb .frame-2085665095-1 {
  align-items: center;
  display: inline-flex;
  gap: 18.94px;
  left: 18px;
  position: absolute;
  top: 108px;
}

.mb .ln-ti-1 {
  align-items: center;
  display: flex;
  justify-content: center;
  letter-spacing: 0;
  line-height: 29.5px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mb .percent-1 {
  -webkit-text-stroke: 1.1px var(--amber);
  letter-spacing: 0;
  line-height: 61.0px;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .image-1268363825-1 {
  aspect-ratio: 1.29;
  height: 107px;
  left: 244px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 1px;
  width: 138px;
}

.mb .vector-9-2 {
  top: 19px;
}

.mb .bo-him-thua-cc-1 {
  height: 64px;
  left: calc(50.00% - 174px);
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 40px;
}

.mb .address-6 {
  -webkit-text-stroke: 1.1px var(--amber);
  letter-spacing: 0;
  line-height: 61.0px;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .shield-1-1 {
  aspect-ratio: 1.1;
  height: 98px;
  left: 261px;
  mix-blend-mode: lighten;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 107px;
}

.mb .address-7 {
  -webkit-text-stroke: 1.1px var(--amber);
  letter-spacing: 0;
  line-height: 61.0px;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .shield-2-1 {
  aspect-ratio: 1.03;
  height: 117px;
  left: 255px;
  mix-blend-mode: lighten;
  position: absolute;
  top: 1px;
  width: 121px;
}

.mb .address-8 {
  -webkit-text-stroke: 1.1px var(--amber);
  letter-spacing: 0;
  line-height: 61.0px;
  margin-top: -1.05px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mb .bet-1-1 {
  aspect-ratio: 1.31;
  height: 104px;
  mix-blend-mode: lighten;
  position: absolute;
  right: 0;
  top: 1px;
  width: 135px;
}

.mb .frame-2085665104-1 {
  align-items: center;
  display: flex;
  gap: 20px;
  left: calc(50.00% - 191px);
  overflow: visible;
  padding: 1px;
  position: absolute;
  top: 1831px;
  width: 382px;
}

.mb .frame-20856651 {
  background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(153, 110, 40, 0.5) 50%, rgba(51, 19, 0, 0.2) 100%);
  border: 1px solid;
  border-color: var(--mikado);
  border-radius: 8px;
  height: 373px;
  margin-bottom: -1.00px;
  margin-top: -1.00px;
  position: relative;
  width: 278.4px;
}

.mb .lamine-yamal-barcelona-26_27-1-3 {
  left: calc(50.00% - 123px);
  top: -58px;
}

.mb .image-1268363817-1 {
  aspect-ratio: 0.98;
  height: 83px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 82px;
}

.mb .k-sports-1 {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 92px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 236px;
  white-space: nowrap;
}

.mb .frame-2085663882-4 {
  display: flex;
  height: 50px;
  left: calc(50.00% - 122px);
  padding: 20px 52px;
  position: absolute;
  top: 304px;
  width: 239px;
}

.mb .cc-ngay-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 900;
  margin-bottom: -8.50px;
  margin-left: -9.00px;
  margin-right: -9.00px;
  margin-top: -10.50px;
}

.mb .mask-group-2 {
  left: -10px;
}

.mb .lamine-yamal-barcelona-26_27-1-4 {
  left: calc(50.00% - 128px);
  object-fit: cover;
  top: -58px;
}

.mb .image-1268363816-1 {
  aspect-ratio: 1.07;
  height: 78px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 83px;
}

.mb .s-aba-sports-1 {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 126px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 236px;
  white-space: nowrap;
}

.mb .frame-2085663882-5 {
  display: flex;
  height: 50px;
  left: calc(50.00% - 123px);
  padding: 20px 52px;
  position: absolute;
  top: 304px;
  width: 239px;
}

.mb .mask-group-3 {
  left: 0;
}

.mb .lamine-yamal-barcelona-26_27-1-5 {
  left: calc(50.00% - 134px);
  object-fit: cover;
  top: -61px;
}

.mb .image-1268363815-1 {
  aspect-ratio: 0.9;
  height: 78px;
  left: 6px;
  position: absolute;
  top: 12px;
  width: 70px;
}

.mb .t-sports-1 {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  left: calc(50.00% - 91px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  white-space: nowrap;
}

.mb .frame-2085663882-2 {
  display: flex;
  height: 60px;
  left: calc(50.00% - 122px);
  padding: 20px 52px;
  position: absolute;
  top: 299px;
  width: 239px;
}

.mb .cc-ngay-2 {
  margin-bottom: -4.50px;
  margin-left: -15.50px;
  margin-right: -15.50px;
  margin-top: -6.50px;
  white-space: nowrap;
}

.mb .frame-20856651-1 {
  background: linear-gradient(180deg, rgba(16, 16, 16, 1) 0%, rgba(153, 110, 40, 0.5) 50%, rgba(51, 19, 0, 0.2) 100%);
  border: 1px solid;
  border-color: var(--mikado);
  border-radius: 8px;
  height: 373px;
  margin-bottom: -1.00px;
  margin-top: -1.00px;
  position: relative;
  width: 278.4px;
}

.mb .lamine-yamal-barcelona-26_27-1-6 {
  left: calc(50.00% - 116px);
  object-fit: cover;
  top: -61px;
}

.mb .b-sports-1 {
  align-items: center;
  display: flex;
  height: 40px;
  justify-content: center;
  left: calc(50.00% - 88px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  white-space: nowrap;
}

.mb .image-1268363820-1 {
  aspect-ratio: 1;
  height: 275px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: -22px;
  width: 276px;
}

.mb .image-1268363814-1 {
  aspect-ratio: 1.25;
  height: 58px;
  left: 6px;
  position: absolute;
  top: 22px;
  width: 73px;
}

.mb .e-sports-1 {
  align-items: center;
  display: flex;
  height: 40px;
  left: calc(50.00% - 87px);
  letter-spacing: 0;
  line-height: 40px;
  position: absolute;
  top: 232px;
  white-space: nowrap;
}

.mb .frame-2085665127-1 {
  display: flex;
  flex-direction: column;
  gap: 5.8px;
  height: 62px;
  left: calc(50.00% - 187px);
  position: absolute;
  top: 340px;
  width: 374px;
}

.mb .i-tc-c-cc-chnh-thc-1 {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
  align-items: center;
  align-self: center;
  background: linear-gradient(176deg, rgba(252, 224, 37, 1) 0%, rgba(230, 154, 39, 1) 100%);
  background-clip: text;
  color: transparent;
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 900;
  height: 29px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 28.9px;
  margin-left: 1.3px;
  text-align: center;
  text-fill-color: transparent;
  white-space: nowrap;
  width: 371px;
}

.mb .frame-2085665126-1 {
  align-items: center;
  display: inline-flex;
  gap: 7.71px;
  height: 29px;
  margin-left: 117.2px;
  position: relative;
  width: 131.15px;
}

.mb .ca-1 {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--font-family-montserrat);
  font-size: var(--font-size-l);
  font-weight: 900;
  justify-content: center;
  letter-spacing: 0;
  line-height: 28.9px;
  margin-top: -0.48px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.mb .group-2 {
  height: 17.29px;
  position: relative;
  width: 72.44px;
}

.mb .vector-26 {
  height: 97.81%;
  left: 0;
  position: absolute;
  top: 0;
  width: 13.85%;
}

.mb .vector-27 {
  height: 97.81%;
  left: 16.27%;
  position: absolute;
  top: 0;
  width: 18.68%;
}

.mb .vector-28 {
  height: 97.81%;
  left: 37.21%;
  position: absolute;
  top: 0;
  width: 13.85%;
}

.mb .vector-29 {
  height: 97.81%;
  left: 53.90%;
  position: absolute;
  top: 0;
  width: 5.00%;
}

.mb .vector-30 {
  height: 100.00%;
  left: 62.30%;
  position: absolute;
  top: 0;
  width: 17.54%;
}

.mb .vector-31 {
  height: 97.81%;
  left: 81.32%;
  position: absolute;
  top: 0;
  width: 18.68%;
}

.mb .frame-90-1 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: calc(50.00% - 102px);
  position: absolute;
  top: 2227px;
}

.mb .rectangle-15 {
  aspect-ratio: 1;
  background-color: var(--crocodile);
  height: 8px;
  position: relative;
  width: 8px;
}

.mb .rectangle-26-2 {
  box-shadow: 0px 4px 5px #00000066;
}

.mb .cc-ngay {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.mb .fc-barcelona {
  letter-spacing: 0;
  position: absolute;
  text-align: center;
  white-space: nowrap;
}

.mb .frame-11 {
  display: flex;
  left: 0;
  position: absolute;
  top: 159px;
  width: 402px;
}

.mb .frame-2085663882 {
  align-items: center;
  background-color: var(--cardinal);
  border-radius: 8px;
  gap: 10px;
  justify-content: center;
}

.mb .frame-2085663886 {
  bottom: 0;
  height: 445px;
  left: 0;
  position: absolute;
  width: 304px;
}

.mb .frame-74 {
  background-size: 100% 100%;
  height: 76px;
  overflow: hidden;
}

.mb .frame-93 {
  overflow: hidden;
  position: relative;
  width: 402px;
}

.mb .lamine-yamal-barcelona-26_27-1 {
  aspect-ratio: 0.82;
  height: 310px;
  position: absolute;
  width: 254px;
}

.mb .line-2 {
  height: 2px;
  width: 152px;
}

.mb .mask-group {
  height: 41px;
  position: absolute;
  top: -12px;
  width: 48px;
}

.mb .number {
  letter-spacing: 0;
  line-height: 28.2px;
  white-space: nowrap;
}

.mb .rectangle-2 {
  -webkit-backdrop-filter: blur(77px) brightness(100%);
  backdrop-filter: blur(77px) brightness(100%);
  background-color: var(--black-2);
  left: 0;
  position: absolute;
  top: 0;
  width: 402px;
}

.mb .rectangle-26 {
  aspect-ratio: 1;
  background-color: var(--lightning-yellow);
  height: 12px;
  position: relative;
  width: 12px;
}

.mb .rectangle-4 {
  position: absolute;
  top: 186px;
  width: 129px;
}

.mb .thng {
  height: 64px;
  left: calc(50.00% - 174px);
  letter-spacing: 0;
  line-height: 32px;
  position: absolute;
  top: 40px;
}

.mb .thnh-lp {
  letter-spacing: 0;
  line-height: 28.2px;
  text-align: center;
  white-space: nowrap;
}

.mb .vector-3 {
  position: absolute;
  top: 0;
}

.mb .vector-9 {
  height: 167px;
  left: 1px;
  position: absolute;
  width: 382px;
}
#zo88-page {
  width: 100% !important;
  overflow: hidden;
}

body {
  overscroll-behavior-y: none;
}

.main-container {
  width: fit-content;
  transform-origin: top left;
  visibility: hidden;
}

@media screen and (min-width: 1025px) and (orientation: landscape) {
  html,
  body {
    height: 100%;
  }
}

.no-js .main-container {
  visibility: visible;
}

@media screen and (orientation: portrait) {
  .screen.index {
    display: none;
  }
  .screen.mb {
    display: block;
  }
}

@media screen and (orientation: landscape) {
  .screen.index {
    display: block;
  }
  .screen.mb {
    display: none;
  }
}

/* ======= real register form ======= */
.register-form input {
  background: transparent;
  border: none;
  outline: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  width: 100%;
  flex: 1 1 auto;
  position: relative;
  z-index: 2;
}

.register-form input::placeholder {
  color: var(--double-pearl-lusta);
  opacity: 1;
}

.register-form input::-ms-reveal,
.register-form input::-ms-clear {
  display: none;
}

.index .frame-2085663891 {
  flex: 1 1 auto;
  width: 100%;
}

.index .tn-ti-khon {
  flex: 1 1 auto;
  width: 100%;
}

.index .frame-2085663890 {
  flex: 1 1 auto;
  width: auto;
}

.index .mt-khu {
  display: block;
  height: 24px;
  left: 44px;
  top: 50%;
  transform: translateY(-50%);
  width: calc(100% - 44px);
}

.index .s-in-thoi {
  flex: 1 1 auto;
  width: auto;
}

.mb .frame-2085663889 {
  flex: 1 1 auto;
}

.mb .tn-ti-khon-1,
.mb .mt-khu-1,
.mb .s-in-thoi-1 {
  flex: 1 1 auto;
  width: auto;
}

.eye-toggle {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 3;
  color: var(--lightning-yellow);
}

.eye-toggle svg {
  display: block;
  width: 100%;
  height: 100%;
}

.index .eye-toggle {
  width: 28.21px;
  height: 28.21px;
}

.mb .eye-toggle {
  width: 24px;
  height: 24px;
  margin-bottom: -1px;
  margin-top: -3px;
}

.cta-blink {
  border: 0;
  font: inherit;
  cursor: pointer;
  transform-origin: center;
  animation: ctaBlink 1.1s ease-in-out infinite;
}

@keyframes ctaBlink {
  0%,
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 rgba(248, 187, 24, 0);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 18px rgba(248, 187, 24, 0.65);
  }
}

.index .ng-k-ngay,
.mb .ng-k-ngay-1 {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .cta-blink {
    animation: none;
  }
}

/* validation errors */
.register-form .errors {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 12px;
  line-height: 1.4;
  position: absolute;
  left: 50%;
  top: calc(100% + 13px);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
  z-index: 5;
}

.mb .register-form .errors {
  font-size: 9px;
  line-height: 1;
  top: calc(100% + 10px);
}

/* ======= mobile slider ======= */
.mb .mobile-slider > .frame-20856651,
.mb .mobile-slider > .frame-20856651-1 {
  flex: 0 0 auto;
}

.mb .frame-90-1.slider-dots {
  left: 50%;
  transform: translateX(-50%);
  gap: 16px;
}

.slider-dot {
  border: 0;
  padding: 0;
  cursor: pointer;
  display: block;
}

.toast-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99;
}

.toast-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  max-width: 80vw;
  padding: 16px 28px;
  background: #000;
  border: 2px solid #5ab727;
  border-radius: 12px;
  color: #ffe5b7;
  font-family: var(--font-family-montserrat);
  font-size: 18px;
  text-align: center;
}

/* ======= index team slider ======= */
.index .team-slider {
  --team-dur: 0s;
  --team-fade: 0s;
  --team-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  cursor: grab;
  height: 959px;
  left: calc(50.00% - 960px);
  overflow: hidden;
  position: absolute;
  top: 138px;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  width: 1920px;
}

.index .team-slider:active,
.index .sports-slider:active {
  cursor: grabbing;
}

.index .team-slider img,
.index .sports-slider img {
  pointer-events: none;
  -webkit-user-drag: none;
}

.index .team-track {
  height: 959px;
  left: 0;
  position: absolute;
  top: 0;
  will-change: transform;
  z-index: 1;
}

.index .team-columns {
  top: 53px;
  z-index: 0;
}

.index .team-columns .team-flag-bg {
  position: absolute;
}

.index .team-slide-set {
  height: 959px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1920px;
}

.index .team-slide-set .frame-76-1 {
  left: 0;
  top: 53px;
}

.index .team-slide-set .frame-86 {
  left: 44px;
  top: 931px;
}

.index .team-slide-set .frame-86 > div {
  transition: opacity var(--team-fade) ease;
}

.index .team-slide-set .team-item {
  height: 710px;
  position: absolute;
  top: 1px;
  width: 152px;
}

.index .team-item .team-player {
  transition: opacity var(--team-fade) ease, transform var(--team-dur) var(--team-ease), top var(--team-dur) var(--team-ease);
  will-change: transform, opacity;
  z-index: 2;
}

.index .team-item .frame.team-flag {
  left: -1px;
  position: absolute;
  top: 618px;
  z-index: 99;
}

.index .team-item .team-logo {
  transition: opacity var(--team-fade) ease;
  will-change: opacity;
}

.index .frame-90.slider-dots {
  gap: 24px;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
}

.index .frame-90 .slider-dot {
  background-color: var(--crocodile);
  flex: 0 0 auto;
  height: 8px;
  transition: background-color 0.2s ease, height 0.2s ease, width 0.2s ease;
  width: 8px;
}

.index .frame-90 .slider-dot.is-active {
  background-color: var(--lightning-yellow);
  box-shadow: 0px 4px 5px #00000066;
  height: 12px;
  width: 12px;
}

/* ======= index sports slider ======= */
.index .sports-slider {
  cursor: grab;
  height: 435px;
  left: calc(50.00% - 756px);
  overflow: hidden;
  position: absolute;
  top: 1661px;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  width: 1512px;
}

.index .sports-track {
  height: 373px;
  left: 0;
  position: absolute;
  top: 62px;
  will-change: transform;
}

.index .sports-slide-set {
  align-items: center;
  display: flex;
  gap: 32px;
  height: 373px;
  left: 0;
  padding: 1px;
  position: absolute;
  top: 0;
  width: 1512px;
}
/* ======= mobile infinite sliders ======= */
.mb .mobile-slider {
  cursor: grab;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
}

.mb .msports-track {
  height: 375px;
  left: 0;
  position: absolute;
  top: 0;
  will-change: transform;
}

.mb .msports-slide-set {
  align-items: center;
  display: flex;
  gap: 20px;
  height: 375px;
  left: 0;
  padding: 1px;
  position: absolute;
  top: 0;
}

.mb .msports-slide-set > .frame-20856651,
.mb .msports-slide-set > .frame-20856651-1 {
  flex: 0 0 auto;
}

.mb .mteam-track {
  cursor: grab;
  height: 872px;
  left: 0;
  position: absolute;
  top: 0;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  will-change: transform;
  z-index: 2;
}

.mb .mobile-slider:active,
.mb .mteam-track:active {
  cursor: grabbing;
}

.mb .mteam-set {
  height: 872px;
  left: 0;
  position: absolute;
  top: 0;
  width: 1395px;
}

.mb .mteam-slot {
  height: 872px;
  left: 0;
  position: absolute;
  top: 0;
  width: 155px;
}

.mb .mteam-columns {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}

.mb .mteam-col {
  height: 446px;
  left: 13.5px;
  position: absolute;
  top: 123px;
  width: 128px;
}

.mb .mteam-player {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.35s ease, width 0.35s ease, height 0.35s ease, top 0.35s ease;
}

.mb .mteam-plate-wrap {
  background: rgba(255, 255, 255, 0.55);
  clip-path: polygon(0 7%, 50% 0, 100% 7%, 100% 100%, 0 100%);
  height: 206px;
  left: 12px;
  position: absolute;
  top: 539px;
  width: 131px;
}

.mb .mteam-plate {
  background: linear-gradient(180deg, #1b1712 0%, #0b0907 100%);
  bottom: 0;
  clip-path: polygon(0 7%, 50% 0, 100% 7%, 100% 100%, 0 100%);
  left: 2px;
  overflow: hidden;
  position: absolute;
  right: 2px;
  top: 2px;
}

.mb .mteam-plate::after {
  background: var(--mteam-color, #f8bb18);
  bottom: 0;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  right: 0;
}

.mb .mteam-crest {
  left: 50%;
  max-height: 104px;
  max-width: 88px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -54%);
  transition: opacity 0.35s ease;
}

.mb .mteam-name {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 18px;
  left: 0;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 757px;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  white-space: nowrap;
  width: 155px;
}

.mb .mteam-kylian {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 20px;
  font-weight: 900;
  left: -5px;
  line-height: 28px;
  position: absolute;
  top: 140px;
  transition: opacity 0.35s ease, transform 0.35s ease, top 0.35s ease;
  white-space: nowrap;
  width: 120px;
}

.mb .mteam-player-name {
  color: var(--white);
  font-family: var(--font-family-montserrat);
  font-size: 20px;
  font-weight: 900;
  left: 0;
  line-height: 1.28;
  overflow-wrap: anywhere;
  position: absolute;
  top: 140px;
  transition: opacity 0.35s ease, transform 0.35s ease, top 0.35s ease;
  width: 155px;
}

.mb .frame-91.slider-dots {
  gap: 8px;
  justify-content: center;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  z-index: 6;
}

.mb .sesion-2 .a-bn-n-gn-hn-vi-laliga-1 {
  z-index: 5;
}

.mb .sesion-2 .bg-2 {
  z-index: 1;
}

/* ======= index team slider (updated roster) ======= */
.index .team-item img.team-player {
  position: absolute;
  height: 525px;
  width: auto;
}

.index .team-item .team-bar {
  height: 10px;
  left: 1px;
  position: absolute;
  top: 228px;
  width: 152px;
}

.index .team-item .team-logo {
  height: 120px;
  left: 50%;
  object-fit: contain;
  position: absolute;
  top: 58px;
  transform: translateX(-50%);
  width: 130px;
}

.index .team-slide-set .frame-86 {
  display: block;
}

.index .team-slide-set .frame-86 > div {
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}