@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaina+2:wght@400;600;700;800;900&family=Roboto:wght@400;500;700&display=swap');
.sp26*,.sp26*::before,.sp26*::after{box-sizing:border-box;margin:0;padding:0}
.sp26{font-family:'Baloo Bhaina 2',sans-serif;overflow:hidden;position:relative}
.sp26-hero{position:relative;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:90px 20px 80px;overflow:hidden}
.sp26-bg{position:absolute;inset:0;background-image:url('https://upload.wikimedia.org/wikipedia/commons/2/2e/Argentina_3-3_Francia_-_Copa_Mundial_2022_-_Celebraci%C3%B3n_de_victoria.jpg');background-size:cover;background-position:center top;filter:brightness(0.2) saturate(1.5) hue-rotate(10deg);animation:spzoom 22s ease-in-out infinite alternate}
@keyframes spzoom{from{transform:scale(1)}to{transform:scale(1.09)}}
.sp26-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(94,23,235,.22) 0%,rgba(18,17,71,.3) 35%,rgba(0,0,0,.1) 65%,rgba(94,23,235,.15) 100%)}
.sp26-orb1{position:absolute;width:500px;height:500px;top:-100px;left:-100px;background:radial-gradient(circle,rgba(94,23,235,.18) 0%,transparent 70%);pointer-events:none;animation:sporb1 12s ease-in-out infinite alternate}
.sp26-orb2{position:absolute;width:400px;height:400px;bottom:-80px;right:-80px;background:radial-gradient(circle,rgba(255,94,19,.12) 0%,transparent 70%);pointer-events:none;animation:sporb2 10s ease-in-out infinite alternate}
@keyframes sporb1{from{transform:translate(0,0)}to{transform:translate(60px,40px)}}
@keyframes sporb2{from{transform:translate(0,0)}to{transform:translate(-50px,-30px)}}
.sp26-spot{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sp26-spot::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0deg,rgba(94,23,235,.06) 18deg,transparent 36deg);animation:spsweep 12s linear infinite}
@keyframes spsweep{to{transform:rotate(360deg)}}
.sp26-pts{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.sp26-pt{position:absolute;border-radius:50%;animation:spfloat linear infinite}
.sp26-pt:nth-child(1){width:4px;height:4px;left:7%;background:rgba(94,23,235,.9);animation-duration:9s;animation-delay:0s}
.sp26-pt:nth-child(2){width:5px;height:5px;left:18%;background:rgba(255,94,19,.7);animation-duration:12s;animation-delay:.8s}
.sp26-pt:nth-child(3){width:3px;height:3px;left:33%;background:rgba(255,255,255,.6);animation-duration:7s;animation-delay:1.5s}
.sp26-pt:nth-child(4){width:6px;height:6px;left:48%;background:rgba(94,23,235,.8);animation-duration:14s;animation-delay:.3s}
.sp26-pt:nth-child(5){width:4px;height:4px;left:62%;background:rgba(255,94,19,.6);animation-duration:10s;animation-delay:2.5s}
.sp26-pt:nth-child(6){width:5px;height:5px;left:76%;background:rgba(255,255,255,.5);animation-duration:11s;animation-delay:1s}
.sp26-pt:nth-child(7){width:3px;height:3px;left:88%;background:rgba(94,23,235,.7);animation-duration:8s;animation-delay:3.5s}
.sp26-pt:nth-child(8){width:5px;height:5px;left:25%;background:rgba(255,94,19,.5);animation-duration:13s;animation-delay:2s}
.sp26-pt:nth-child(9){width:4px;height:4px;left:55%;background:rgba(255,255,255,.4);animation-duration:9s;animation-delay:.5s}
.sp26-pt:nth-child(10){width:5px;height:5px;left:40%;background:rgba(94,23,235,.6);animation-duration:15s;animation-delay:4s}
@keyframes spfloat{0%{transform:translateY(750px) rotate(0deg);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-80px) rotate(720deg);opacity:0}}
.sp26-content{position:relative;z-index:2;max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.sp26-badge{display:inline-flex;align-items:center;gap:8px;background:#5E17EB;color:#fff;padding:9px 26px;border-radius:50px;font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:28px;animation:sppulse 2s infinite}
@keyframes sppulse{0%,100%{box-shadow:0 0 0 0 rgba(94,23,235,.65)}50%{box-shadow:0 0 0 18px rgba(94,23,235,0)}}
.sp26-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:spblink 1s infinite}
@keyframes spblink{0%,100%{opacity:1}50%{opacity:.1}}
.sp26-title{font-size:clamp(40px,7.5vw,88px);font-weight:900;line-height:1.0;text-transform:uppercase;color:#fff;margin-bottom:12px;animation:spup .7s ease both}
.sp26-purple{background:linear-gradient(90deg,#b57bee,#5E17EB,#d4a8f5,#b57bee);background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:spshim 3s linear infinite}
.sp26-orange{color:#ff5e13}
@keyframes spshim{to{background-position:200% center}}
@keyframes spup{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.sp26-line{width:90px;height:3px;background:linear-gradient(90deg,transparent,#5E17EB,#ff5e13,transparent);margin:20px auto 20px;animation:spup .7s .15s ease both;opacity:0;animation-fill-mode:forwards}
.sp26-desc{font-size:clamp(15px,2vw,20px);color:rgba(255,255,255,.85);line-height:1.75;max-width:660px;margin:0 auto 34px;font-family:'Roboto',sans-serif;font-weight:400;animation:spup .7s .25s ease both;opacity:0;animation-fill-mode:forwards}
.sp26-desc strong{color:#fff;font-weight:700}
.sp26-desc .sp26-hl{color:#ff5e13;font-weight:700}
.sp26-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:36px;animation:spup .7s .35s ease both;opacity:0;animation-fill-mode:forwards}
.sp26-stat{background:rgba(94,23,235,.2);border:1px solid rgba(94,23,235,.5);border-radius:50px;padding:7px 18px;font-size:13px;color:#fff;font-weight:700;font-family:'Roboto',sans-serif;backdrop-filter:blur(6px);transition:all .3s}
.sp26-stat:hover{background:rgba(94,23,235,.6);border-color:#5E17EB}
.sp26-stat span{color:#b57bee}
.sp26-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#5E17EB,#7c3aed);color:#fff;padding:18px 52px;border-radius:8px;font-size:17px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-family:'Baloo Bhaina 2',sans-serif;box-shadow:0 10px 40px rgba(94,23,235,.5);transition:all .3s;animation:spup .7s .45s ease both,sppulse2 3s 1.2s infinite;opacity:0;animation-fill-mode:forwards}
@keyframes sppulse2{0%,100%{box-shadow:0 10px 40px rgba(94,23,235,.5)}50%{box-shadow:0 12px 55px rgba(94,23,235,.75)}}
.sp26-btn:hover{background:linear-gradient(135deg,#7c3aed,#5E17EB);transform:translateY(-3px) scale(1.03);color:#fff;text-decoration:none}
.sp26-hosts{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px;animation:spup .7s .55s ease both;opacity:0;animation-fill-mode:forwards}
.sp26-hosts-lbl{color:rgba(255,255,255,.6);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-family:'Roboto',sans-serif}
.sp26-flag{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:6px 14px;font-size:14px;color:#fff;font-weight:700;transition:all .3s}
.sp26-flag:hover{background:rgba(94,23,235,.45);border-color:#5E17EB}
.sp26-fade{position:absolute;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,rgba(18,17,71,.35));pointer-events:none}
@media(max-width:600px){.sp26-hero{min-height:580px;padding:65px 16px 55px}.sp26-stats{gap:5px}.sp26-stat{padding:6px 13px;font-size:12px}.sp26-btn{padding:15px 32px;font-size:15px}}
FIFA World Cup 2026 — Live Now
Watch World Cup
2026 Live in 4K
The biggest football event on Earth is here. 48 nations. 104 matches.
Stream every kick-off, every goal & every final whistle — live in
4K Ultra HD with zero buffering, on any device, anywhere in Australia.
48 Teams
104 Matches
4K Quality
16 Venues
Jun 11 – Jul 19
⚽ Subscribe & Watch World Cup 2026
Hosted in
🇺🇸 USA
🇨🇦 Canada
🇲🇽 Mexico
