.sport-page{flex-direction:column;min-height:100vh;background:linear-gradient(160deg,#050a18,#0a1a3a 45%,#0d2760);overflow-x:hidden;color:#fff}.sp-hero,.sport-page{display:flex;align-items:center}.sp-hero{position:relative;width:100vw;min-height:160px;justify-content:center;overflow:hidden;background:url(/images/newComponents/sport/hotmatch-bg.png) 50%/cover no-repeat,linear-gradient(180deg,#0a1020,#060912)}.sp-hero__overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,77,160,.35) 0,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(5,150,100,.2) 0,transparent 55%),linear-gradient(180deg,transparent 60%,#080c14);z-index:1}.sp-hero__content{position:relative;z-index:2;text-align:center;animation:spHeroIn .7s cubic-bezier(.22,1,.36,1) both;padding:0 20px}@keyframes spHeroIn{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}.sp-hero__label{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#4ecbff;background:rgba(78,203,255,.1);border:1px solid rgba(78,203,255,.3);border-radius:20px;padding:3px 12px;margin-bottom:10px}.sp-hero__title{font-size:clamp(20px,4vw,38px);font-weight:900;letter-spacing:.04em;line-height:1.1;margin:0 0 8px;background:linear-gradient(90deg,#fff,#a8d4ff 50%,#4ecbff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sp-hero__sub{font-size:clamp(11px,1.5vw,13px);color:hsla(0,0%,100%,.45);letter-spacing:.02em;margin:0}.sp-hero__balls{position:absolute;inset:0;pointer-events:none;z-index:0}.sp-ball{position:absolute;font-size:24px;opacity:.08;animation:spFloat 6s ease-in-out infinite;user-select:none}.sp-ball--1{top:15%;left:8%;animation-duration:5.5s;font-size:30px}.sp-ball--2{top:60%;left:85%;animation-duration:7s;animation-delay:-2s;font-size:22px}.sp-ball--3{top:25%;left:75%;animation-duration:6.5s;animation-delay:-1s}.sp-ball--4{top:70%;left:12%;animation-duration:8s;animation-delay:-3s;font-size:20px}@keyframes spFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(15deg)}}.sp-section-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.sp-section-header__dot{width:4px;height:28px;border-radius:4px;background:linear-gradient(180deg,#4ecbff,#1a6fd4);flex-shrink:0}.sp-section-header__title{font-size:clamp(17px,2.5vw,24px);font-weight:800;margin:0;color:#fff;letter-spacing:.03em}.sp-hotmatches{width:100%;padding:28px 0 16px;position:relative;overflow:hidden;background:transparent}.sp-hotmatches:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 15% 50%,rgba(26,77,160,.25) 0,transparent 55%),radial-gradient(ellipse at 85% 50%,rgba(5,150,100,.14) 0,transparent 50%);pointer-events:none;z-index:0}.sp-hotmatches>*{z-index:1}.sp-carousel,.sp-hotmatches>*{position:relative}.sp-hotmatches__inner{width:100%;max-width:100%;margin:0 auto;padding:0 70px;box-sizing:border-box}.sp-carousel .slick-list{overflow:hidden;padding:0 4px}.sp-carousel .slick-slide>div{padding:0 5px}.sp-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(26,109,212,.22);border:1.5px solid rgba(78,203,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease;padding:0;outline:none}.sp-arrow--prev{left:-56px}.sp-arrow--next{right:-56px}.sp-arrow:hover{background:rgba(26,109,212,.55);border-color:rgba(78,203,255,.75);box-shadow:0 0 22px rgba(78,203,255,.45);transform:translateY(-50%) scale(1.12)}.sp-arrow__icon{display:block;width:11px;height:11px;border-top:2.5px solid #4ecbff;border-right:2.5px solid #4ecbff}.sp-arrow__icon--prev{transform:rotate(-135deg) translate(-2px,2px)}.sp-arrow__icon--next{transform:rotate(45deg) translate(-2px,2px)}.sp-arrow:disabled{opacity:.25;pointer-events:none}.sp-match-card{background:linear-gradient(160deg,#1a2540,#162035);border:1px solid rgba(78,203,255,.3);border-radius:14px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;will-change:transform}.sp-match-card:hover{transform:translateY(-4px);box-shadow:0 14px 42px rgba(26,109,212,.45),0 4px 16px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.08);border-color:rgba(78,203,255,.65)}.sp-match-league{background:linear-gradient(90deg,rgba(26,109,212,.45),rgba(26,109,212,.08));border-bottom:1px solid rgba(78,203,255,.2);padding:8px 14px;font-size:12px;font-weight:700;color:hsla(0,0%,100%,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.sp-match-info{justify-content:space-between;padding:20px 14px}.sp-match-info,.sp-match-team{display:flex;align-items:center;gap:8px}.sp-match-team{flex:1}.sp-match-team--left{justify-content:flex-end;text-align:right}.sp-match-team--right{justify-content:flex-start;text-align:left}.sp-match-team__flag{width:40px;height:40px;border-radius:50%;object-fit:contain;background:hsla(0,0%,100%,.05);flex-shrink:0}.sp-match-team__name{font-size:13px;font-weight:700;line-height:1.3;max-width:90px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5)}.sp-match-vs{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:70px}.sp-match-vs__time{font-size:20px;font-weight:800;color:#ffb732;letter-spacing:.04em;line-height:1}.sp-match-vs__separator{font-size:11px;font-weight:700;letter-spacing:.12em;color:hsla(0,0%,100%,.3);padding:2px 8px;border:1px solid hsla(0,0%,100%,.12);border-radius:4px}.sp-match-vs__date{font-size:11px;color:hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.06);border-radius:20px;padding:2px 10px;white-space:nowrap}.sp-match-footer{padding:0 14px 16px}.sp-bet-btn,.sp-match-footer{display:flex;justify-content:center}.sp-bet-btn{align-items:center;gap:6px;background:linear-gradient(90deg,#1a5bca,#0d3e99);color:#fff;font-size:13px;font-weight:700;letter-spacing:.06em;border:none;border-radius:8px;padding:10px 28px;cursor:pointer;transition:background .25s ease,transform .2s ease,box-shadow .25s ease;width:100%}.sp-bet-btn:hover:not(:disabled){background:linear-gradient(90deg,#2670e8,#1a4ec9);transform:translateY(-1px);box-shadow:0 4px 16px rgba(26,109,212,.5)}.sp-bet-btn:disabled{opacity:.6;cursor:not-allowed}.sp-match-skeleton-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sp-match-card--skeleton{pointer-events:none}.sp-skeleton{background:linear-gradient(90deg,#1a2035 25%,#253050 50%,#1a2035 75%);background-size:200% 100%;animation:spShimmer 1.4s infinite;border-radius:6px}@keyframes spShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sp-skeleton--league{height:14px;width:70%;margin:12px 14px}.sp-skeleton--team{height:40px;width:60px;border-radius:50%}.sp-skeleton--time{height:28px;width:56px;border-radius:6px}.sp-skeleton--btn{height:36px;width:70%;border-radius:8px;margin:0 auto}.sp-match-footer--skeleton{padding:16px 14px}.sp-empty{text-align:center;padding:40px;color:hsla(0,0%,100%,.35);font-size:15px}.sp-providers{width:100%;padding:48px 0 80px;position:relative;overflow:hidden;background:transparent}.sp-providers:before{content:"";inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(26,77,160,.35) 0,transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(5,150,100,.2) 0,transparent 55%),linear-gradient(180deg,transparent 60%,rgba(5,10,24,.6))}.sp-providers:after,.sp-providers:before{position:absolute;pointer-events:none;z-index:0}.sp-providers:after{content:"⚽";font-size:40px;opacity:.07;top:12%;left:6%;animation:spFloat 5.5s ease-in-out infinite}.sp-providers__inner{position:relative;z-index:1;max-width:1320px;margin:0 auto;padding:0 24px}.sp-providers__inner:before{content:"🏀";position:absolute;font-size:32px;opacity:.07;top:10%;right:2%;animation:spFloat 7s ease-in-out infinite;animation-delay:-2s;pointer-events:none;z-index:0}.sp-providers__inner:after{content:"🎾";position:absolute;font-size:28px;opacity:.06;bottom:8%;left:30%;animation:spFloat 8s ease-in-out infinite;animation-delay:-4s;pointer-events:none;z-index:0}.sp-providers__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 28px}.sp-provider-card{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;animation:spCardIn .5s cubic-bezier(.22,1,.36,1) both}@keyframes spCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sp-provider-card__inner{position:relative;width:100%;border-radius:14px;overflow:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease;box-shadow:0 4px 20px rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.05)}.sp-provider-card:hover .sp-provider-card__inner{transform:scale(1.03) translateY(-4px);box-shadow:0 16px 48px rgba(26,109,212,.4),0 4px 16px rgba(0,0,0,.6);border-color:rgba(78,203,255,.3)}.sp-provider-card__inner--loading{pointer-events:none}.sp-provider-card__inner:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,transparent 35%,hsla(0,0%,100%,.18) 50%,transparent 65%,transparent);background-size:250% 100%;background-position:-200% 0;transition:background-position .55s ease;border-radius:inherit;pointer-events:none}.sp-provider-card:hover .sp-provider-card__inner:after{background-position:250% 0}.sp-provider-card__overlay{position:absolute;inset:0;background:rgba(8,12,20,.65);display:flex;align-items:center;justify-content:center;border-radius:14px}.sp-provider-card__label{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.5);letter-spacing:.04em;text-align:center;transition:color .25s ease}.sp-provider-card:hover .sp-provider-card__label{color:#4ecbff}.sp-btn-spinner{display:inline-block;width:16px;height:16px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spSpin .7s linear infinite}.sp-btn-spinner--lg{width:36px;height:36px;border-width:3px}@keyframes spSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.sp-providers__grid{gap:16px 20px}.sp-match-skeleton-row,.sp-providers__grid{grid-template-columns:repeat(2,1fr)}.sp-match-skeleton-row>:last-child{display:none}}@media (max-width:768px){.sp-hero{min-height:120px}.sp-hotmatches,.sp-providers{padding:24px 0 40px}.sp-hotmatches__inner{padding:0 10px}.sp-arrow{display:none!important}.sp-match-league{font-size:11px;padding:6px 10px}.sp-match-info{padding:14px 10px;gap:6px}.sp-match-team__name{font-size:12px;max-width:72px}.sp-match-team__flag{width:32px;height:32px}.sp-match-vs{min-width:54px}.sp-match-vs__time{font-size:16px}.sp-match-vs__separator{font-size:10px;padding:2px 5px}.sp-match-vs__date{font-size:10px;padding:2px 6px}.sp-bet-btn{font-size:12px;padding:9px 16px}.sp-providers__inner{padding:0 12px}.sp-providers__grid{grid-template-columns:repeat(2,1fr);gap:10px 12px}.sp-match-skeleton-row{grid-template-columns:1fr}.sp-match-skeleton-row>:not(:first-child){display:none}}@media (max-width:480px){.sp-providers__grid{grid-template-columns:repeat(2,1fr);gap:8px 10px}}