/* Homepage content. Keep shared header/footer styles in common.css. */
#main .hero{padding:0;background:#141414;}
#main .hero .stage{position:relative;min-height:max(560px, calc(100vw / 3 + 70px));overflow:visible;border-radius:0;background:#141414;}
#main .hero .backdrop{position:absolute;inset:0;overflow:hidden;background:#141414;}
#main .hero .backdrop::before{content:"";position:absolute;pointer-events:none;right:0;top:0;width:100%;height:calc(100% - 70px);background:url("../images/home/hero.webp") right center / cover no-repeat;mask-image:linear-gradient(180deg, #000 94%, transparent);}
#main .hero .inner{padding:52px 38px 142px 76px;}
#main .hero .copy p{margin:0 0 10px;font-size:17px;line-height:24px;font-weight:700;letter-spacing:0.04em;}
#main .hero .copy h1{font-size:clamp(60px, 4.65vw, 86px);line-height:1;}
#main .hero .copy strong{display:block;margin-top:12px;font-size:clamp(28px, 2.05vw, 38px);line-height:1.2;font-weight:700;letter-spacing:0.04em;text-shadow:none;}
#main .hero .copy span{margin-top:14px;font-size:clamp(18px, 1.45vw, 25px);line-height:1.4;}
#main .hero .copy a{min-width:164px;min-height:50px;margin-top:26px;font-size:18px;}
#main .hero .copy a::after{content:"";width:10px;height:16px;margin-left:16px;background:currentColor;mask:var(--arrow) center/17.06666667px 17.06666667px no-repeat;}
#main .hero .category a{position:relative;display:grid;align-content:center;min-height:0;aspect-ratio:1778/888;padding:18px 50px 18px 20px;overflow:hidden;border:0;border-radius:10px;background:#141414;backdrop-filter:blur(7px);box-shadow:none;}
#main .hero .category a:first-child{background:linear-gradient(90deg,rgba(20,20,20,0.9),rgba(20,20,20,0.6) 48%,rgba(20,20,20,0.04)),url("../images/home/sports.webp") right center/auto 100% no-repeat;}
#main .hero .category a:nth-child(2){background:linear-gradient(90deg,rgba(20,20,20,0.9),rgba(20,20,20,0.6) 48%,rgba(20,20,20,0.04)),url("../images/home/live.webp") right center/auto 100% no-repeat;}
#main .hero .category a:nth-child(3){background:linear-gradient(90deg,rgba(20,20,20,0.9),rgba(20,20,20,0.6) 48%,rgba(20,20,20,0.04)),url("../images/home/poker.webp") right center/auto 100% no-repeat;}
#main .hero .category a:nth-child(4){background:linear-gradient(90deg,rgba(20,20,20,0.9),rgba(20,20,20,0.6) 48%,rgba(20,20,20,0.04)),url("../images/home/egame.webp") right center/auto 100% no-repeat;}
#main .hero .category a:nth-child(5){background:linear-gradient(90deg,rgba(20,20,20,0.9),rgba(20,20,20,0.6) 48%,rgba(20,20,20,0.04)),url("../images/home/offers-card.webp") right center/auto 100% no-repeat;}
#main .hero .category a::after{content:"";position:absolute;top:50%;right:26px;width:11px;height:16px;background:#fff;mask:var(--arrow) center/19px 19px no-repeat;transform:translateY(-50%);}
#main .hero .category span{font-size:20px;line-height:26px;}
#main .hero .category em{margin-top:6px;font-size:13px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main .hero .dots{display:none;}
#main .offers .inner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,0.92fr);width:100%;margin:0 auto;}
#main .offers .list article, #main .offers .promo{overflow:hidden;border-radius:14px;}
#main .offers .promo{min-height:244px;background:linear-gradient(90deg,rgba(255,255,255,0.98) 0,rgba(255,255,255,0.86) 42%,rgba(255,255,255,0.18) 100%),url("../images/home/offers.webp") right center/auto 118% no-repeat,#fff;}
#main .offers .copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:560px;min-height:184px;}
#main .offers .copy p{margin:0 0 8px;font-size:11px;line-height:16px;font-weight:800;letter-spacing:0.08em;}
#main .offers .copy h2{font-size:30px;line-height:38px;}
#main .offers .copy > span{display:block;max-width:520px;font-size:15px;line-height:26px;}
#main .offers .copy a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:8px;font-size:14px;line-height:20px;font-weight:850;}
#main .offers .list{grid-template-rows:repeat(3,minmax(0,1fr));}
#main .offers .list article > span{width:42px;height:42px;font-size:13px;}
#main .offers .list h3{font-size:17px;line-height:23px;}
#main .offers .list p{margin:0;font-size:13px;line-height:22px;}
#main .match .layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,1fr);align-items:stretch;width:100%;margin:0 auto;}
#main .events{position:relative;overflow:hidden;border-radius:14px;}
#main .events .heading{display:flex;align-items:center;justify-content:space-between;}
#main .events .heading p{margin:0 0 2px;font-size:11px;line-height:16px;font-weight:700;letter-spacing:0.08em;}
#main .events .heading h2{display:inline-flex;align-items:center;margin:0;font-size:20px;line-height:26px;font-weight:700;}
@media (min-width:769px){
#main .match .layout{min-height:528px;}
}
#main .events .group{display:contents;}
#main .events .table{border:0;border-radius:10px;}
#main .events .table article{display:grid;grid-template-columns:minmax(126px,1.1fr) 58px 38px 58px minmax(150px,0.95fr) 96px;align-items:center;gap:12px;min-height:72px;padding:0 16px;border:0;border-radius:0;}
#main .events .table article + article{margin-top:0;border-top:1px solid #454545;}
#main .events .meta span, #main .events .meta time{display:block;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main .events .meta{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;gap:0 10px;min-width:0;}
#main .events .meta span{font-size:13px;line-height:18px;font-weight:600;}
#main .events .meta time{font-size:12px;line-height:17px;}
#main .events .team{display:flex;align-items:center;justify-content:center;gap:0;min-width:0;color:var(--fg);font-size:15px;line-height:22px;}
#main .events .team i{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:50%;background:none;line-height:1;font-style:normal;font-weight:900;}
#main .events .team i.badge{border:0;color:transparent;box-shadow:none;width:34px;height:34px;font-size:0;background-position:center;background-repeat:no-repeat;background-size:contain;}
#main .events .team i.lal{background-image:url("../images/events/nba/lal.png");}
#main .events .team i.den{background-image:url("../images/events/nba/den.png");}
#main .events .team i.blg{background-image:url("../images/events/esports/blg.png");}
#main .events .team i.edg{background-image:url("../images/events/esports/edg.png");}
#main .events .team strong{display:none;}
#main .events .versus{color:var(--brand);font-size:15px;line-height:20px;font-weight:800;text-align:center;}
#main .events .odds{display:grid;grid-template-columns:repeat(3,50px);justify-content:end;gap:10px;color:var(--brand);font-size:14px;line-height:20px;font-weight:700;text-align:center;}
#main .events .odds span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:20px;}
#main .events .odds em{font-size:14px;font-style:normal;font-weight:600;line-height:16px;}
#main .events .odds b{font-size:18px;font-weight:800;line-height:20px;}
#main .events .action{min-height:34px;font-size:13px;}
@media (min-width:769px){
#main .events{display:flex;flex-direction:column;}
#main .events .table{display:grid;flex:1 1 auto;grid-template-rows:repeat(4,minmax(0,1fr));}
#main .events .meta{grid-column:auto;grid-row:auto;}
#main .events .meta + .team, #main .events .versus + .team{grid-column:auto;grid-row:auto;justify-content:flex-start;gap:8px;font-size:12px;font-weight:600;}
#main .events .meta + .team{justify-content:flex-end;text-align:right;}
#main .events .meta + .team i{order:2;}
#main .events .meta + .team strong{order:1;}
#main .events .versus{grid-column:auto;grid-row:auto;font-size:13px;}
#main .events .team i.badge{width:30px;height:30px;}
#main .events .team strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main .events .odds{font-size:12px;}
#main .events .odds span{padding:4px 2px;border:0;border-radius:5px;}
#main .events .action{grid-column:auto;grid-row:auto;min-height:30px;font-size:12px;}
}
@media (min-width:1600px){
#main .events .table article{grid-template-columns:minmax(138px,0.8fr) minmax(144px,1.02fr) 26px minmax(144px,1.02fr) minmax(210px,1fr) 76px;gap:10px;}
#main .events .meta + .team, #main .events .versus + .team{gap:8px;font-size:14px;}
#main .events .team i.badge{width:34px;height:34px;}
#main .events .versus{font-size:14px;}
#main .events .odds{gap:6px;font-size:12px;}
#main .events .odds span{min-height:76px;border:0;border-radius:5px;}
#main .events .action{min-height:34px;font-size:12px;}
}
#main .match .side{display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;}
#main .side .heading{display:flex;align-items:center;justify-content:space-between;}
#main .side .heading p{margin:0 0 2px;font-size:10px;line-height:14px;font-weight:700;letter-spacing:0.08em;}
#main .side .heading h2{display:inline-flex;align-items:center;margin:0;font-size:20px;line-height:26px;font-weight:800;}
#main .side .heading a{font-size:13px;line-height:18px;}
#main .side .heading a::after{content:"";display:inline-block;width:7px;height:10px;margin-left:8px;vertical-align:-1.5px;background:currentColor;mask:var(--arrow) center/12.19047619px 12.19047619px no-repeat;}
#main .advantages{min-height:118px;}
#main .advantages .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;}
#main .advantages .grid strong{min-width:0;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main .advantages .grid em{min-width:0;font-size:12px;line-height:17px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#main .information .inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;align-items:stretch;width:100%;margin:0 auto;}
#main .information .panel{min-width:0;overflow:hidden;border-radius:14px;}
#main .about{display:flex;grid-column:1/-1;grid-row:1;flex-direction:column;min-height:292px;}
#main .faq, #main .help{display:flex;flex-direction:column;}
#main .information.support .inner{grid-template-rows:auto;}
#main .support .faq{grid-column:1;grid-row:1;}
#main .support .help{grid-column:2;grid-row:1;}
#main .information .heading{display:flex;align-items:center;justify-content:space-between;}
#main .information .heading p{margin:0 0 2px;font-size:10px;line-height:14px;font-weight:700;letter-spacing:0.08em;}
#main .information .heading h2{display:inline-flex;align-items:center;margin:0;font-size:19px;line-height:25px;font-weight:800;}
#main .information .heading > a{font-size:13px;line-height:18px;}
#main .information .heading > a::after{content:"";display:inline-block;width:7px;height:10px;margin-left:8px;vertical-align:-1.5px;background:currentColor;mask:var(--arrow) center/12.19047619px 12.19047619px no-repeat;}
#main .about .body{grid-template-columns:minmax(300px,0.62fr) minmax(360px,0.58fr) minmax(280px,0.42fr);}
#main .about .visual{position:relative;display:flex;align-items:center;justify-content:center;align-self:center;aspect-ratio:2.8/1;width:100%;min-height:0;overflow:hidden;border:0;border-radius:9px;background:#141414;}
#main .about .visual img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:none;}
#main .about .lead{font-size:24px;line-height:32px;font-weight:800;letter-spacing:0.02em;}
#main .about .description{max-width:720px;font-size:15px;line-height:28px;}
#main .about .highlights strong{display:block;margin-bottom:6px;font-size:16px;line-height:22px;font-weight:800;}
#main .about .highlights em{display:block;font-size:13px;line-height:21px;font-style:normal;}
#main .faq .list{display:grid;flex:1 1 auto;align-content:start;min-height:0;}
#main .faq .item{display:grid;grid-template-rows:auto 0fr;overflow:hidden;border:0;border-radius:6px;transition:grid-template-rows 0.28s,background-color 0.18s;}
#main .faq .item button::after{content:"";flex:0 0 auto;width:8px;height:12px;margin-left:12px;background:currentColor;mask:var(--arrow) center/13.65333333px 13.65333333px no-repeat;transform:rotate(90deg);transition:transform 0.24s;}
#main .faq .item.open button::after{transform:rotate(-90deg);}
#main .help .grid{display:grid;grid-template-columns:minmax(0,1fr) 176px;flex:1 1 auto;min-height:0;}
#main .help .icon{grid-row:1;display:inline-flex;align-items:center;justify-content:center;align-self:center;justify-self:center;border:1px solid rgba(255,255,255,0.28);border-radius:50%;color:var(--brand);font-size:14px;line-height:1;}
#main .help .icon::before{display:block;font-weight:800;}
#main .help .guide::before, #main .help .rules::before, #main .help .support::before, #main .help .wallet::before{content:"";background-position:center;background-repeat:no-repeat;background-size:contain;}
#main .help .guide, #main .help .rules, #main .help .support, #main .help .wallet{border:0;border-radius:0;background:0 0;transform:translateY(1px);}
#main .help .links em, #main .help .links strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main .help .links strong{font-size:14px;line-height:20px;}
#main .help .links em{font-size:12px;line-height:16px;font-style:normal;}
#main .help .visual{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;border:0;border-radius:8px;background:0 0;transform:translateX(8px);}
#main .help .visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:60% center;transform:translateY(12px);}
#main .app .inner{grid-template-columns:minmax(0,1fr) minmax(480px,520px);min-height:178px;}
#main .app .copy{min-width:0;}
#main .app .copy p{margin:0 0 8px;font-size:12px;line-height:16px;font-weight:800;letter-spacing:0.08em;}
#main .app .copy h2{font-size:28px;line-height:36px;}
#main .app .copy > span{display:block;max-width:720px;font-size:15px;line-height:26px;}
#main .app .actions{grid-template-columns:repeat(2,minmax(220px,1fr));}
#main .app .button{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:62px;padding:0 16px;border:0;border-radius:10px;transition:color 0.18s,background-color 0.18s;}
#main .app .ios i::before{content:"";width:24px;height:24px;background:url("../images/app/ios.svg") center/contain no-repeat;}
#main .app .android i::before{content:"";width:24px;height:24px;background:url("../images/app/android.svg") center/contain no-repeat;}
#main .app .button em, #main .app .button span, #main .app .button strong{display:block;min-width:0;}
#main .app .button strong{font-size:15px;line-height:20px;font-weight:850;white-space:nowrap;}
@media (max-width:1280px){
#main .information .inner{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto;}
#main .about{grid-column:1/-1;grid-row:1;}
#main .about .body{grid-template-columns:minmax(280px,0.7fr) minmax(0,1fr);}
#main .about .highlights{grid-column:2;grid-template-columns:repeat(3,minmax(0,1fr));}
#main .faq{grid-column:1;grid-row:2;}
#main .help{grid-row:2;grid-column:1/-1;}
#main .help .grid{grid-template-columns:minmax(0,1fr) 176px;}
#main .app .inner{grid-template-columns:minmax(0,1fr) 260px;}
#main .app .actions{grid-template-columns:1fr;}
}
@media (max-width:768px){
#main .hero{padding:0;}
#main .hero .backdrop{inset:0 0 auto;top:-60px;width:100%;height:calc(var(--mobile-visual-height) + 60px);}
#main .hero .backdrop::before{top:auto;bottom:0;right:auto;left:50%;width:auto;height:min(96vw, 410px);aspect-ratio:3;transform:translateX(-72%);mask-image:linear-gradient(180deg, transparent, #000 14%, #000 94%, transparent);}
#main .hero .inner{padding:0;}
#main .hero .copy p{margin-bottom:6px;font-size:12px;line-height:16px;}
#main .hero .copy h1{font-size:36px;line-height:42px;}
#main .hero .copy strong{margin-top:6px;font-size:21px;line-height:27px;}
#main .hero .copy span{margin-top:6px;font-size:15px;line-height:22px;}
#main .hero .copy a{min-width:126px;min-height:40px;margin-top:18px;font-size:14px;}
#main .hero .category a:nth-child(n){min-height:0;aspect-ratio:auto;align-content:end;padding:calc((100vw - 2 * var(--page-gutter)) * 826 / 1905 + 22px) 52px 0;text-align:center;border-radius:10px;scroll-snap-align:start;background-color:#141414;background-position:center top;background-size:100% auto;background-repeat:no-repeat;}
#main .hero .category a:first-child{background-image:url("../images/home/sports.webp");}
#main .hero .category a:nth-child(2){background-image:url("../images/home/live.webp");}
#main .hero .category a:nth-child(3){background-image:url("../images/home/poker.webp");}
#main .hero .category a:nth-child(4){background-image:url("../images/home/egame.webp");}
#main .hero .category a:nth-child(5){background-image:url("../images/home/offers-card.webp");}
#main .hero .category span{font-size:20px;line-height:28px;}
#main .hero .category em{margin-top:10px;font-size:14px;line-height:22px;white-space:normal;overflow:visible;text-overflow:clip;}
#main .offers .inner{grid-template-columns:1fr;}
#main .offers .promo{min-height:236px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,0.98) 0,rgba(255,255,255,0.86) 54%,rgba(255,255,255,0.18) 100%),url("../images/home/offers-m.webp") right bottom/auto 102% no-repeat,#fff;}
#main .offers .copy{min-height:180px;}
#main .offers .copy h2{font-size:23px;line-height:31px;}
#main .offers .copy > span{max-width:260px;font-size:13px;line-height:22px;}
#main .offers .tags{max-width:250px;}
#main .offers .list{grid-template-rows:none;}
#main .offers .list article > span{width:34px;height:34px;font-size:12px;}
#main .offers .list h3{font-size:15px;line-height:22px;}
#main .offers .list p{font-size:12px;line-height:20px;}
#main .match .layout{display:grid;grid-template-columns:1fr;}
#main .events{border-radius:12px;}
#main .events .heading{display:flex;align-items:center;justify-content:space-between;}
#main .events .heading p{display:none;}
#main .events .heading h2{font-size:18px;line-height:24px;}
#main .events .table{display:block;padding:0;border:0;border-radius:0;}
#main .events .table article{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);gap:5px 8px;}
#main .events .table article + article{margin-top:0;}
#main .events .meta{grid-area:meta;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:21px;gap:0;}
#main .events .meta span, #main .events .meta time{grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main .events .meta span{grid-column:1;font-size:12px;line-height:18px;text-align:left;}
#main .events .meta time{grid-column:2;justify-self:center;font-size:11px;line-height:18px;text-align:center;}
#main .events .meta + .team{grid-area:home;justify-content:center;text-align:center;}
#main .events .versus + .team{grid-area:away;justify-content:center;text-align:center;}
#main .events .team{flex-direction:column;gap:8px;padding:8px 0;min-width:0;font-size:13px;line-height:18px;}
#main .events .team strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#main .events .team i, #main .events .team i.badge{width:48px;height:48px;font-size:0;}
#main .events .versus{grid-area:vs;order:initial;align-self:center;min-height:0;font-size:17px;line-height:22px;text-align:center;}
#main .events .action{grid-area:action;order:initial;align-self:stretch;justify-self:center;width:92px;min-width:0;min-height:30px;font-size:13px;}
#main .events .odds span{min-height:56px;gap:6px;padding:5px 4px;border:0;border-radius:6px;}
#main .events .odds em{font-size:13px;line-height:16px;}
#main .events .odds b{font-size:16px;line-height:19px;}
#main .match .side{display:grid;grid-template-rows:none;}
#main .side .heading h2{font-size:18px;line-height:24px;}
#main .advantages .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
#main .advantages .grid span{border:0;border-radius:9px;}
#main .information .inner{grid-template-columns:1fr;}
#main .about, #main .faq, #main .help{grid-column:auto;grid-row:auto;height:auto;min-height:0;}
#main .support .faq, #main .support .help{grid-column:auto;grid-row:auto;}
#main .information .panel{border-radius:12px;}
#main .information .heading p{display:none;}
#main .information .heading h2{font-size:18px;line-height:24px;}
#main .about .body{grid-template-columns:1fr;}
#main .about .highlights{grid-column:auto;grid-template-columns:1fr;}
#main .about .visual{min-height:120px;}
#main .about .visual img{width:100%;height:100%;}
#main .about .lead{font-size:20px;line-height:28px;}
#main .about .description{font-size:13px;line-height:22px;}
#main .app .inner{grid-template-columns:1fr;min-height:0;}
#main .app .copy h2{font-size:22px;line-height:30px;}
#main .app .copy > span{max-width:none;font-size:13px;line-height:22px;}
#main .app .tags{justify-content:center;}
#main .app .actions{grid-template-columns:1fr;}
}
@media (min-width:600px) and (max-width:768px){
#main .offers .promo{background-size:auto, auto 130%;}
}
#main .advantages, #main .news{overflow:hidden;border-radius:14px;}
#main .news .list{display:grid;gap:28px;margin:0 var(--panel-pad) var(--panel-pad);}
#main .news .item{display:grid;grid-template-columns:minmax(0,1fr) 68px;align-items:start;gap:24px;min-width:0;}
#main .news .copy{min-width:0;}
#main .news .item h3{margin:0;font-size:18px;font-weight:600;line-height:1.6;overflow-wrap:anywhere;}
#main .news .item h3 a{color:var(--fg);transition:color 180ms;}
#main .news .item h3 a:focus-visible, #main .news .item h3 a:hover{color:var(--brand);}
#main .news .item h3 a:focus-visible{outline:2px solid var(--brand);outline-offset:4px;}
#main .news .excerpt{display:-webkit-box;margin:8px 0 0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--muted);font-size:14px;line-height:1.8;}
#main .news .meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin:3px 0 0;font-size:12px;line-height:20px;white-space:nowrap;}
#main .news .meta em{color:var(--brand);font-style:normal;font-weight:600;}
#main .news .meta time{color:var(--muted);font-variant-numeric:tabular-nums;}
@media (max-width:768px){
#main .advantages, #main .news{border-radius:12px;}
#main .news .item{display:block;}
#main .news .item h3{font-size:18px;}
#main .news .excerpt{font-size:13px;}
#main .news .meta{flex-direction:row;align-items:center;justify-content:space-between;margin-top:12px;}
}
#main{--arrow:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%20transform%3D%22translate(256%20256)%20scale(0.46875000)%20translate(-517.4500122070312%20-511.1000061035156)%22%3E%3Cpath%20d%3D%22M782.8%20511.1%20351.9%20942c-22.8%2022.8-59.8%2022.8-82.6%200-22.8-22.8-22.8-59.8%200-82.6L617.5%20511.1%20269.2%20162.8c-22.8-22.8-22.8-59.8%200-82.6%2022.8-22.8%2059.8-22.8%2082.6%200L782.8%20511.1%20782.8%20511.1zM782.8%20511.1%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");--panel:#212121;--text:#FFFFFF;--muted:#C7C7C7;--page-bg:#B71F2D;--site-bg:#B71F2D;--brand:#D82434;--brand-on:#FFFFFF;--hero-accent:#FF9AA4;color:var(--text);--page-gutter:var(--site-gutter);--section-space:56px;--module-gap:40px;--panel-pad:32px;--content-gap:24px;--item-gap:16px;--category-gap:24px;display:flex;flex-direction:column;background:var(--site-bg);}
#main > :is(.app,.match,.information,.offers){padding-top:var(--section-space);padding-bottom:var(--section-space);padding-right:var(--page-gutter);padding-left:var(--page-gutter);}
#main :is(#poker-games,#app-download,#help){scroll-margin-top:128px;}
#main > .app{padding-top:calc((100vw - 2 * var(--page-gutter) - 4 * var(--category-gap))/ 5 * 888 / 1778 / 2 + var(--section-space));--area:#B71F2D;--panel:#C72B39;--inset:#A71926;--fg:#FFFFFF;--muted:#F6D9DD;--action:#151515;--onaction:#FFFFFF;--accent:#FFFFFF;}
#main .hero .category{position:absolute;bottom:0;z-index:3;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));transform:translateY(50%);right:var(--page-gutter);left:var(--page-gutter);gap:var(--category-gap);}
#main .hero .inner{position:relative;z-index:1;display:grid;align-items:center;justify-content:space-between;width:100%;min-height:420px;margin:0 auto;gap:42px;padding-left:var(--page-gutter);padding-right:var(--page-gutter);grid-template-columns:minmax(0px,1fr);}
#main :is(.match .layout,.match .side,.information .inner,.offers .inner){gap:var(--module-gap);}
#main :is(.events .heading,.side .heading,.information .heading){min-height:0;padding:var(--panel-pad) var(--panel-pad) var(--content-gap);gap:var(--content-gap);}
#main :is(.events .heading,.side .heading,.information .heading) p{margin-bottom:4px;}
#main .events .table{overflow:hidden;margin:0 var(--panel-pad) var(--panel-pad);}
#main .advantages .grid{display:grid;padding:0 var(--panel-pad) var(--panel-pad);}
#main :is(.faq,.help){height:auto;min-height:0;}
#main :is(.faq .list,.help .grid){padding:0 var(--panel-pad) var(--panel-pad);gap:var(--item-gap);}
#main .faq .item button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:0 0;font-size:14px;line-height:22px;font-weight:700;text-align:left;cursor:pointer;transition:color 0.24s;min-height:56px;padding:16px 24px;}
#main .faq .item p{min-height:0;margin:0;overflow:hidden;font-size:14px;line-height:22px;opacity:0;transition:padding 0.28s,opacity 0.24s;padding:0 24px;}
#main .faq .item.open p{opacity:1;padding:0 24px 20px;}
#main .help .links{display:grid;grid-template-rows:repeat(4,minmax(0,1fr));min-height:0;gap:var(--item-gap);}
#main .about .body{display:grid;flex:1 1 auto;align-items:stretch;padding:0 var(--panel-pad) var(--panel-pad);gap:var(--module-gap);}
#main .about .copy{display:flex;align-self:stretch;flex-direction:column;justify-content:center;padding:0;}
#main :is(.about .lead,.about .description){margin:0 0 16px;}
#main .about .highlights{display:grid;align-self:center;gap:var(--item-gap);}
#main .about .highlights span{display:block;border:0;border-radius:8px;padding:20px 24px;}
#main .app .actions{display:grid;align-items:center;justify-content:end;padding:0;gap:var(--content-gap);}
#main .app .copy > p{margin-bottom:8px;}
#main .app .copy h2{margin:0 0 12px;font-weight:850;letter-spacing:0.02em;}
#main .app .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--content-gap);}
#main .offers .list{display:grid;gap:var(--content-gap);}
#main .offers .list article{display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;min-height:0;padding:24px var(--panel-pad);gap:var(--content-gap);}
#main .offers .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--content-gap);}
#main .events .table .meta{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
#main .events .table .meta span, #main .events .table .meta time{padding-left:0;}
#main .events .table .team img{flex:0 0 auto;width:34px;height:34px;object-fit:contain;}
#main .hero .copy h1{margin:0;font-weight:900;letter-spacing:0;color:#fff;text-shadow:none;}
#main .hero .copy span{display:block;font-weight:500;color:rgba(255,255,255,0.88);text-shadow:none;}
#main .hero .copy{max-width:720px;}
#main .hero .category span{position:relative;z-index:1;font-weight:800;color:#fff;text-shadow:none;transition:color 180ms;}
#main .hero .category em{position:relative;z-index:1;font-style:normal;color:rgba(255,255,255,0.72);text-shadow:none;}
#main .hero .category a:hover span{color:var(--brand);}
#main .hero .category a:hover em{color:#fff;}
#main .hero .category a:hover::after{background:var(--brand);}
#main .app .tags em, #main .offers .tags em{font-weight:650;}
#main .advantages .grid span{display:grid;align-items:center;min-width:0;background:0 0;grid-template-columns:52px minmax(0px,1fr);padding:12px;column-gap:12px;}
#main .advantages .grid i{grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background-color:transparent;background-position:center;background-repeat:no-repeat;width:50px;height:50px;background-size:46px auto;filter:none;}
#main .advantages .shield{background-image:url("../images/adv/shield.svg");}
#main .advantages .fair{background-image:url("../images/adv/rules.svg");}
#main .advantages .device{background-image:url("../images/adv/device.svg");}
#main .advantages .service{background-image:url("../images/adv/service.svg");}
#main .help .guide::before{background-image:url("../images/faq/guide.svg");}
#main .help .wallet::before{background-image:url("../images/faq/wallet.svg");}
#main .help .rules::before{background-image:url("../images/faq/rules.svg");}
#main .help .support::before{background-image:url("../images/faq/support.svg");}
#main .help .links a{display:grid;grid-template-rows:1fr;align-items:center;min-width:0;min-height:0;border:0;transition:background-color 0.18s;border-radius:6px;grid-template-columns:60px minmax(0px,1fr);padding:16px 20px;column-gap:20px;}
#main :is(.help .links em,.advantages .grid em){margin-top:6px;}
#main .help .links .icon, #main .help .links .icon::before{width:54px;height:54px;}
#main .offers .list article > span{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;line-height:18px;font-weight:900;border:0;}
#main .app .button i{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:currentColor;font-size:20px;line-height:1;font-style:normal;background:0 0;border-radius:0;}
#main .app .button i::before{filter:brightness(0) invert(1);}
#main .app .button em{margin-top:2px;font-style:normal;white-space:nowrap;font-size:13px;line-height:18px;opacity:0.85;}
#main .events .action{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;line-height:20px;font-weight:800;border:0;}
#main .offers .promo{position:relative;padding:var(--panel-pad);border:0;box-shadow:none;}
#main .advantages, #main .app .inner, #main .events, #main .information .panel, #main .news, #main .offers .list article{border:0;}
@media (min-width:769px){
#main .events .table article{grid-template-rows:minmax(0,1fr);min-height:0;grid-template-columns:80px minmax(0,1fr) 24px minmax(0,1fr) minmax(160px,1.6fr) 76px;gap:12px;padding:16px;}
#main .events .odds{grid-column:auto;grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;line-height:20px;gap:12px;}
#main .events .odds span{min-height:64px;gap:10px;}
}
@media (min-width:769px) and (max-width:1599px){
#main .events .team{flex-direction:column;gap:8px;}
#main .events .team :is(i,img){order:0;}
#main .events .team strong{order:1;white-space:normal;text-align:center;}
#main .advantages .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
}
@media (max-width:768px){
#main{--page-gutter:var(--site-gutter);--section-space:32px;--module-gap:28px;--panel-pad:16px;--content-gap:20px;--category-gap:16px;}
#main .hero .category{position:relative;bottom:auto;z-index:auto;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:100%;width:calc(100% - 2 * var(--page-gutter));margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;background:#141414;transform:none;right:auto;left:auto;padding:20px 0 0;}
#main .hero .category::-webkit-scrollbar{display:none;}
#main .hero .dots{display:flex;justify-content:center;align-items:center;gap:8px;height:6px;margin:16px 0 24px;}
#main .hero .dots span{display:block;width:6px;height:6px;border-radius:99px;background:#5b5b5b;}
#main .hero .dots .current{width:18px;background:#d82434;}
#main .hero .inner{display:grid;grid-template-rows:var(--mobile-visual-height);align-items:start;min-height:0;width:auto;gap:0;padding-left:0;padding-right:0;}
#main .hero .category a::after{display:none;}
#main .events .table article{display:grid;grid-template-rows:21px auto 30px 56px;grid-template-areas:"meta meta meta" "home vs away" "action action action" "odds odds odds";min-height:0;margin:0;border:0;border-radius:0;padding:20px 12px;row-gap:12px;}
#main .events .odds{grid-area:odds;order:initial;grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;width:100%;min-width:0;font-size:12px;text-align:center;gap:12px;}
#main .faq .item button{font-size:14px;padding:16px;}
#main .faq .item p{font-size:13px;line-height:21px;padding:0 16px;}
#main .faq .item.open p{padding:0 16px 20px;}
#main .app .copy{text-align:center;padding-top:0;}
#main .help .links a{grid-template-columns:44px minmax(0,1fr);padding:12px;column-gap:12px;}
#main .help .links .icon, #main .help .links .icon::before{width:44px;height:44px;}
#main .help .grid{min-height:174px;grid-template-columns:minmax(0,1fr) 106px;}
#main .offers .list article{grid-template-columns:44px minmax(0,1fr);min-height:84px;border-radius:12px;padding:16px;}
#main .about .highlights span{padding:20px 16px;}
#main .events .table .meta{flex-direction:row;align-items:center;justify-content:space-between;}
#main .events .table .team img{width:48px;height:48px;}
#main > .app{padding-top:var(--section-space);}
#main .hero .stage{--mobile-visual-height:min(146vw, 640px);min-height:auto;padding:0;border-radius:0;background:#141414;}
#main .hero .copy{position:relative;z-index:2;grid-row:1;min-height:var(--mobile-visual-height);padding:28px var(--page-gutter) 0;text-align:center;max-width:none;}
}
#main > .match{--area:#141414;--panel:#212121;--inset:#2C2C2C;--fg:#FFFFFF;--muted:#C7C7C7;--action:#D82434;--onaction:#FFFFFF;--accent:var(--brand);}
#main > .support{--area:#B71F2D;--panel:#C72B39;--inset:#A71926;--fg:#FFFFFF;--muted:#F6D9DD;--action:#151515;--onaction:#FFFFFF;--accent:#FFFFFF;}
#main > .offers{--area:#141414;--panel:#212121;--inset:#2C2C2C;--fg:#FFFFFF;--muted:#C7C7C7;--action:#D82434;--onaction:#FFFFFF;--accent:var(--brand);}
#main > .information:not(.support){--area:#B71F2D;--panel:#C72B39;--inset:#A71926;--fg:#FFFFFF;--muted:#F6D9DD;--action:#151515;--onaction:#FFFFFF;--accent:#FFFFFF;}
#main > section:not(.hero){background:var(--area);color:var(--fg);}
#main :is(.app .inner,.events,.news,.advantages,.information .panel,.offers .list article){background:var(--panel);box-shadow:none;}
#main .app .inner{display:grid;align-items:center;max-width:none;margin:0 auto;overflow:hidden;border-radius:12px;padding:var(--panel-pad);gap:var(--module-gap);}
#main :is(.events .table,.events .group article,.events .odds span,.faq .item,.help .links a,.about .highlights span){background:var(--inset);}
#main :is(h2,h3,.events .meta span,.events .team strong,.faq .item button,.help .links strong,.about .lead,.about .highlights strong,.advantages .grid strong){color:var(--fg);}
#main :is(.events .heading p,.side .heading p,.information .heading p,.app .copy p,.app .copy > span,.events .meta time,.events .odds em,.faq .item p,.help .links em,.about .description,.about .highlights em,.advantages .grid em,.offers .list p){color:var(--muted);}
#main .information .heading > a, #main .side .heading a{color:var(--muted);transition:color 180ms;}
#main :is(.events .versus,.events .odds b,.faq .item.open button){color:var(--accent);}
#main :is(.events .odds span,.app .tags em){background:var(--inset);}
#main .app .tags em{display:inline-flex;align-items:center;min-height:26px;padding:0 12px;border:0;border-radius:999px;font-style:normal;font-size:14px;line-height:20px;font-weight:400;color:var(--fg);}
#main .faq .item.open{grid-template-rows:auto 1fr;background:var(--panel);}
#main :is(.app .button,.app .android,.events .action,.offers .list article > span){background:var(--action);color:var(--onaction);box-shadow:none;}
#main .app .button:hover{--onaction:#141414;background:#fff;color:var(--onaction);}
#main .app .button:hover i::before{filter:brightness(0);}
#main .events .action:hover{background:#fff;color:#141414;}
#main .app .button em, #main .app .button strong{color:var(--onaction);}
#main .offers .list h3{margin:0 0 5px;font-weight:820;color:var(--fg);}
#main .faq .item:hover, #main .help .links a:hover{background:#141414;}
#main .side .heading a:hover{color:var(--brand);}
#main .information .heading > a:hover{color:#141414;}
#main .offers .copy h2{margin:0 0 10px;font-weight:850;letter-spacing:0.01em;color:#191919;}
#main .offers .copy p, #main .offers .copy>span{color:#454545;}
#main .offers .copy > a{margin-top:20px;border:0;box-shadow:none;background:var(--brand);color:var(--brand-on);}
#main .offers .tags em{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:0;border-radius:999px;font-size:12px;line-height:18px;font-style:normal;color:#333;background:rgba(255,255,255,0.75);}
#main :is(.hero .copy a,.offers .copy > a):hover{background:#fff;color:#141414;}
#main :is(.hero .copy a,.events .action,.offers .copy > a){transition:color 0.18s,background-color 0.18s;}
#main :is(a,button):focus-visible{outline:currentColor solid 2px;outline-offset:3px;}
#main .hero .copy p, #main .hero .copy strong{color:var(--brand);}
#main .hero .copy a{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;line-height:24px;font-weight:700;border:0;box-shadow:none;color:var(--brand-on);background:var(--brand);}