:root{--bg:#03101b;--bg2:#061824;--panel:#071c2a;--panel2:#0b2435;--line:#1d3d52;--white:#f4f8fb;--muted:#97adbc;--orange:#ff781f;--orange2:#ff9b43;--max:1500px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#0c2b42 0,#03101b 35%,#020910 100%);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:var(--max);margin:auto;padding:0 30px}.top{height:30px;background:#020b12;color:#b8c6d0;border-bottom:1px solid rgba(255,255,255,.07);font-size:11px}.top .wrap{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:13px}.top b{color:var(--orange)}
.header{height:78px;position:absolute;left:0;right:0;top:30px;z-index:10;background:linear-gradient(180deg,rgba(1,9,15,.86),rgba(1,9,15,.08))}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;min-width:220px}.cup{width:36px;height:50px;border:3px solid #fff;border-radius:7px 7px 17px 17px;position:relative;transform:scale(.72);transform-origin:center}.cup:before,.cup:after{content:"";position:absolute;top:7px;width:13px;height:22px;border:3px solid #fff}.cup:before{left:-15px;border-right:0;border-radius:13px 0 0 13px}.cup:after{right:-15px;border-left:0;border-radius:0 13px 13px 0}.brandstrong{font-size:30px;font-weight:1000;letter-spacing:-1px}.brandstrong span{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:1.3px;font-weight:800}.links{display:flex;gap:24px;margin-left:16px;text-transform:uppercase;font-size:12px;font-weight:900}.links a{padding:31px 0 24px;border-bottom:3px solid transparent}.links a:hover,.links .on{border-color:var(--orange)}.glass{margin-left:auto;font-size:22px}
.hero{min-height:480px;position:relative;display:flex;align-items:center;overflow:hidden;background:#05131f}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,#02101b 0%,rgba(2,16,27,.93) 25%,rgba(2,16,27,.48) 52%,rgba(2,16,27,.12) 100%),url('../img/hero.jpg');background-position:center,right center;background-size:cover,67% 100%;background-repeat:no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.02) 65%,#04131f 100%)}.hero-inner{position:relative;z-index:2;padding-top:65px}.eyebrow{color:var(--orange);font-size:12px;font-weight:900;letter-spacing:2px}.hero h1{font-size:76px;letter-spacing:-4px;line-height:.86;margin:16px 0 8px;text-transform:uppercase;text-shadow:0 8px 30px #000}.hero h1 span{color:var(--orange)}.hero h2{font-size:29px;margin:0 0 10px;text-transform:uppercase}.hero p{max-width:560px;color:#d2dde4;font-size:14px;line-height:1.5}.count{display:flex;gap:10px;margin:21px 0 13px}.counter{width:84px;padding:11px 5px;border:1px solid #648096;border-radius:3px;background:rgba(3,13,22,.7);text-align:center;box-shadow:0 9px 30px rgba(0,0,0,.2)}.counter b{font-size:26px;display:block}.counter small{font-size:9px;text-transform:uppercase}.button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(90deg,var(--orange),var(--orange2));border-radius:4px;padding:13px 20px;font-size:11px;font-weight:900;text-transform:uppercase;box-shadow:0 10px 35px rgba(255,120,31,.18)}
.ticker{background:#061724;border-top:1px solid #1c3c51;border-bottom:1px solid #1c3c51}.ticker .wrap{height:44px;display:flex;align-items:center;gap:14px;overflow:hidden}.badge{background:var(--orange);font-size:10px;font-weight:1000;text-transform:uppercase;padding:10px 14px;clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);white-space:nowrap}.tickerline{white-space:nowrap;font-size:11px;color:#d4dfe5;animation:marquee 26s linear infinite}@keyframes marquee{0%{transform:translateX(0)}50%{transform:translateX(-12%)}100%{transform:translateX(0)}}
.section{padding:22px 0}.heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.heading h3{font-size:19px;margin:0;text-transform:uppercase}.heading h3 span{font-weight:400;color:#647e90}.more{font-size:10px;color:var(--orange);font-weight:900;text-transform:uppercase}.main-grid{display:grid;grid-template-columns:1.2fr .94fr .86fr;gap:17px}.panel{background:linear-gradient(180deg,#0b2232,#061722);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.22)}.feature{min-height:360px;position:relative;overflow:hidden;background:#081723}.feature img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 28%}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(1,8,13,.25) 52%,rgba(1,8,13,.97) 96%)}.feature-copy{position:absolute;z-index:2;left:17px;right:17px;bottom:17px}.tag{display:inline-block;background:var(--orange);padding:6px 9px;font-size:9px;font-weight:1000;text-transform:uppercase}.feature h4{font-size:26px;line-height:1.03;margin:8px 0}.feature p{font-size:11px;color:#c6d2da;line-height:1.45;max-width:92%}.read{color:var(--orange);font-size:10px;font-weight:900;text-transform:uppercase}.news-list{display:flex;flex-direction:column}.news-row{display:grid;grid-template-columns:85px 1fr;gap:12px;padding:10px;border-bottom:1px solid var(--line);min-height:88px}.news-row:last-child{border-bottom:0}.news-row img{width:85px;height:68px;object-fit:cover}.news-row small{font-size:9px;color:#7890a1;text-transform:uppercase}.news-row b{display:block;font-size:13px;line-height:1.22;margin:4px 0}.source{color:#7e95a5!important}.matches-title{padding:14px 14px 11px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.matches-title b{text-transform:uppercase;font-size:16px}.match{padding:12px 14px;border-bottom:1px solid var(--line)}.match:last-child{border-bottom:0}.date{font-size:10px;color:#8ca2b2}.teams{margin-top:6px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;font-size:12px;font-weight:900}.teams span:last-child{text-align:right}.teams strong{color:var(--orange)}
.two{display:grid;grid-template-columns:2.5fr .9fr;gap:18px}.groups{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.group{padding:13px}.group h4{font-size:11px;margin:0 0 8px;text-transform:uppercase}.country{display:grid;grid-template-columns:1fr auto;gap:8px;padding:6px 0;font-size:10px;border-bottom:1px solid rgba(255,255,255,.06)}.ticket{min-height:205px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:17px;background:#101c25}.ticket:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,17,.04),rgba(2,10,17,.96)),url('../img/ticket.jpg') center/cover}.ticket>*{position:relative}.ticket h4{font-size:28px;line-height:.9;margin:8px 0;text-transform:uppercase}.ticket p{font-size:10px;color:#d6dfe5}.stadiums{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.stad{height:135px;position:relative;overflow:hidden;border:1px solid var(--line);background:#0a1d2a}.stad img{width:100%;height:100%;object-fit:cover}.stad:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 38%,#04111b 96%)}.stad div{position:absolute;z-index:2;bottom:9px;left:10px}.stad b{display:block;font-size:11px;text-transform:uppercase}.stad span{font-size:9px;color:#d0dae0}.footer-hero{height:195px;margin-top:5px;position:relative;overflow:hidden;background:#082033}.footer-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061826 0%,rgba(6,24,38,.8) 24%,rgba(6,24,38,.1) 64%),url('../img/footer.jpg') center/cover}.footer-hero .wrap{position:relative;height:100%;display:flex;align-items:center}.footer-hero h3{font-size:30px;line-height:1.02;text-transform:uppercase;margin:0}.footer-hero h3 span{color:var(--orange)}footer{padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:#6e8798}.article-page{padding:140px 0 50px}.article-page article{max-width:850px}.article-page h1{font-size:42px;line-height:1.05}.article-page .meta{color:#8ca2b2;font-size:12px}.article-page img{max-width:100%;border:1px solid var(--line);margin:20px 0}.article-page .body{font-size:17px;line-height:1.7;color:#d7e1e7}.external-box{margin-top:24px;padding:16px;border:1px solid var(--line);background:#091d2b}
@media(max-width:1100px){.links{display:none}.main-grid,.two{grid-template-columns:1fr}.groups{grid-template-columns:repeat(2,1fr)}.stadiums{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:62px}.hero:before{background-size:cover,85% 100%}}@media(max-width:650px){.wrap{padding:0 14px}.top{display:none}.header{top:0;height:65px}.hero{min-height:560px}.brandstrong{font-size:25px}.hero:before{background-image:linear-gradient(180deg,rgba(2,16,27,.18),#02101b 66%),url('../img/hero.jpg');background-position:center,70% center;background-size:cover,auto 100%}.hero-inner{padding-top:130px}.hero h1{font-size:47px;letter-spacing:-2px}.hero h2{font-size:22px}.count{gap:5px}.counter{width:67px}.groups{grid-template-columns:1fr 1fr}.stadiums{grid-template-columns:1fr 1fr}.article-page{padding-top:90px}}