:root{--navy:#03152f;--navy2:#08284d;--yellow:#ffc400;--white:#f8faff;--muted:#aab7ca;--line:rgba(255,255,255,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,sans-serif}.page{max-width:1460px;margin:auto}a{color:less;text-decoration:none;color:inherit}.header{height:82px;display:flex;align-items:center;gap:26px;padding:0 clamp(18px,4vw,65px);position:sticky;top:0;z-index:9;background:rgba(2,16,38,.95);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand>span:last-child{display:grid;line-height:1}.brand small{font-size:10px}.brand b{font-size:21px;color:var(--yellow)}.brand em{font-style:normal;font-size:13px;letter-spacing:1px}.crest,.team{width:55px;height:62px;display:grid;place-items:center;border:2px solid var(--yellow);border-radius:48%;color:var(--yellow);font-weight:900;background:#07346a;box-shadow:inset 0 0 0 3px var(--navy),inset 0 0 0 5px var(--yellow)}.header nav{display:flex;gap:24px;text-transform:uppercase;font-size:13px;font-weight:bold}.header nav a{padding:32px 0;border-bottom:3px solid transparent}.header nav a:hover,.header nav .active{color:var(--yellow);border-color:var(--yellow)}.menu{display:none;background:none;border:0;color:white;font-size:25px}.btn{display:inline-flex;padding:13px 23px;border:1px solid var(--yellow);border-radius:5px;text-transform:uppercase;font-weight:800;font-size:13px}.btn-yellow{background:var(--yellow);color:#06162e}.btn-line{background:transparent}.hero{min-height:570px;overflow:hidden;background:radial-gradient(circle at 73% 40%,#164f88 0,transparent 30%),linear-gradient(90deg,#03152f 10%,rgba(3,21,47,.83));position:relative}.hero:after{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(25deg,transparent 0 90px,rgba(255,255,255,.09) 91px 93px)}.hero-inner{min-height:570px;padding:75px clamp(20px,5vw,70px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy{position:relative;z-index:2}.eyebrow{color:var(--yellow);font-size:13px;font-weight:bold;text-transform:uppercase;letter-spacing:1.4px;margin:0 0 10px}.hero h1{font-size:clamp(54px,6vw,88px);line-height:.9;text-transform:uppercase;margin:0 0 25px}.hero h1 span,.member h2 span{color:var(--yellow)}.hero-copy>p:not(.eyebrow){max-width:560px;color:#d7dfeb;font-size:18px;line-height:1.6}.actions{display:flex;gap:14px;margin-top:28px}.flag{width:min(520px,42vw);aspect-ratio:1.25;display:grid;place-items:center;position:relative;z-index:2;transform:rotate(-4deg);background:linear-gradient(#f6bd00 0 34%,#073b79 34% 66%,#f6bd00 66%);clip-path:polygon(6% 8%,100% 0,92% 94%,0 86%);filter:drop-shadow(0 25px 25px #0008)}.flag span{width:165px;height:185px;border:10px double var(--yellow);border-radius:50%;background:#06366f;display:grid;place-items:center;font-size:58px;font-weight:900;color:var(--yellow)}.features{display:grid;grid-template-columns:repeat(5,1fr);padding:28px clamp(18px,4vw,65px);border-block:1px solid var(--line)}.features article{display:grid;text-align:center;gap:7px;padding:10px;border-right:1px solid var(--line)}.features article:last-child{border:0}.features i{font-style:normal;font-size:31px;color:var(--yellow)}.features b{text-transform:uppercase;font-size:14px}.features span{font-size:12px;color:var(--muted)}.section{padding:68px clamp(20px,4vw,60px)}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.heading h2,.member h2{margin:0;text-transform:uppercase;font-size:36px}.heading>a{color:var(--yellow);font-weight:bold;font-size:13px}.broadcast{display:grid;grid-template-columns:1.7fr .7fr;gap:22px}.live,.match,.events article,.products article{border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#0b2b51,#061b36);overflow:hidden}.visual{height:370px;background:linear-gradient(#00112644,#001126bb),repeating-linear-gradient(90deg,#164a82 0 60px,#d9ae08 60px 120px);display:grid;place-items:center;position:relative}.visual>span{position:absolute;top:17px;left:17px;background:#e32635;padding:7px 10px;border-radius:4px;font-size:12px;font-weight:bold}.visual button{width:72px;height:72px;border-radius:50%;border:2px solid white;background:#0007;color:white;font-size:26px}.live-info{display:flex;justify-content:space-between;align-items:center;padding:18px}.live-info h3,.live-info p{margin:3px 0}.live-info p,.match p{color:var(--muted)}.live-info>b{color:var(--yellow);font-size:12px}.match{text-align:center;padding:25px}.teams{display:flex;justify-content:center;align-items:center;gap:23px;margin:23px 0}.teams>div{display:grid;gap:8px}.team{width:78px;height:88px;margin:auto;font-style:normal}.team.rival{border-radius:5px}.counter{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffc40077;margin-top:20px}.counter span{padding:10px 3px;font-size:9px;text-transform:uppercase;border-right:1px solid var(--line)}.counter span:last-child{border:0}.counter b{display:block;font-size:24px}.events,.products{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.events article,.products article{display:flex;align-items:center;gap:15px;padding:16px}.events time{width:55px;text-align:center;font-size:11px;color:var(--muted)}.events time b{display:block;color:var(--yellow);font-size:31px}.events h3,.products h3{font-size:14px;margin:0 0 7px}.events p{font-size:12px;color:var(--muted);margin:0}.member{padding:42px;margin-top:15px;margin-bottom:15px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(90deg,#061a36ee,#061a36aa),repeating-linear-gradient(120deg,#0b3f7a 0 55px,#d4aa08 55px 110px);display:flex;justify-content:space-between;align-items:center}.member p{color:#d7dfeb}.benefits{display:flex;gap:32px}.benefits span{display:grid;text-align:center;font-size:23px}.benefits b{font-size:11px;margin-top:7px}.product{width:88px;height:94px;display:grid;place-items:center;font-style:normal;font-weight:bold;color:var(--yellow);background:repeating-linear-gradient(90deg,#0b4382 0 14px,#e8b800 14px 28px);clip-path:polygon(16% 0,84% 0,100% 20%,86% 32%,80% 100%,20% 100%,14% 32%,0 20%)}.product.round{clip-path:none;border-radius:50%}.product.cup{clip-path:none;border-radius:5px}.product.scarf{clip-path:none;height:50px}.products b{color:var(--yellow)}footer{border-top:1px solid var(--line);padding:42px 25px 22px;color:var(--muted);background:#021126}.foot{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center}.foot>div:last-child{display:flex;gap:22px}.foot .brand{color:white}footer>small{display:block;text-align:center;max-width:1460px;margin:25px auto 0;border-top:1px solid var(--line);padding-top:18px}@media(max-width:1000px){.header nav{display:none;position:absolute;left:0;right:0;top:82px;padding:20px;background:#03152f;flex-direction:column}.header nav.open{display:flex}.header nav a{padding:6px}.menu{display:block}.header>.btn{display:none}.hero-inner{grid-template-columns:1fr}.flag{position:absolute;right:-80px;top:110px;opacity:.32}.features{grid-template-columns:repeat(2,1fr)}.features article:last-child{grid-column:1/-1}.broadcast{grid-template-columns:1fr}.events,.products{grid-template-columns:repeat(2,1fr)}.member{margin-inline:20px;flex-direction:column;align-items:flex-start;gap:28px}.benefits{width:100%;justify-content:space-between}}@media(max-width:600px){.header{height:72px}.header nav{top:72px}.hero,.hero-inner{min-height:620px}.hero-inner{padding-inline:20px}.hero h1{font-size:50px}.flag{display:none}.actions{flex-direction:column}.actions .btn{justify-content:center}.features,.events,.products{grid-template-columns:1fr}.features article{border-right:0;border-bottom:1px solid var(--line)}.features article:last-child{grid-column:auto}.visual{height:235px}.live-info{align-items:flex-start;gap:10px;flex-direction:column}.member{padding:28px 22px}.benefits{display:grid;grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr}.foot>div:last-child{flex-wrap:wrap}}
.inbox-bell{position:relative;width:42px;height:42px;display:grid;place-items:center;border:1px solid #f5c525;border-radius:50%;color:#fff;text-decoration:none;font-size:18px}.inbox-bell b{position:absolute;right:-6px;top:-7px;min-width:21px;height:21px;display:grid;place-items:center;padding:0 4px;border-radius:12px;background:#df3544;color:#fff;font-size:10px}
.inbox-bell-menu{position:relative}.inbox-bell-menu>summary{list-style:none;cursor:pointer}.inbox-bell-menu>summary::-webkit-details-marker{display:none}.bell-dropdown{position:absolute;right:0;top:calc(100% + 10px);z-index:1000;width:min(360px,90vw);overflow:hidden;border:1px solid #405272;border-radius:11px;background:#07152f;color:#fff;box-shadow:0 18px 45px #0009}.bell-dropdown header{display:flex;justify-content:space-between;gap:12px;padding:14px;border-bottom:1px solid #294568}.bell-dropdown header a,.bell-dropdown footer a{color:#ffc400;font-size:12px}.bell-dropdown>p{padding:22px;text-align:center;color:#b8c5d5}.bell-dropdown>a{position:relative;display:grid;gap:4px;padding:13px 55px 13px 15px;border-bottom:1px solid #294568;color:#fff;text-decoration:none}.bell-dropdown>a:hover,.bell-dropdown>a.unread{background:#12345d}.bell-dropdown>a small{overflow:hidden;color:#b9c8da;text-overflow:ellipsis;white-space:nowrap}.bell-dropdown>a i{position:absolute;right:12px;top:15px;padding:3px 5px;border-radius:5px;background:#df3544;font-size:8px;font-style:normal}.bell-dropdown footer{padding:11px;text-align:center}

.mobile-session{display:none}@media(max-width:1000px){.header nav .mobile-session{display:flex;flex-direction:column;gap:10px;border-top:1px solid #405272;padding-top:12px}.mobile-session form{margin:0}.mobile-session button{background:transparent;border:0;color:inherit;font:inherit;padding:6px;cursor:pointer}}