@font-face{font-family:"Bebas Neue";src:url("../fonts/BebasNeueRegular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url("../fonts/BebasNeueBold.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Bebas Neue";src:url("../fonts/BebasNeueLight.woff2") format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Inter";src:url("../fonts/Inter-700.woff2") format("woff2");font-weight:700;font-display:swap}
:root{--bg:#02070d;--panel:#071625;--panel2:#0a1c2d;--line:#0d4772;--line2:rgba(40,145,220,.28);--text:#eef5fb;--muted:#86a0b5;--red:#ff2549;--blue:#1676c8;--cyan:#43b8ff;--max:1240px;--shadow:0 20px 60px rgba(0,0,0,.35);--heading:"Bebas Neue",sans-serif;--body:"Inter",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height: 100vh;background:radial-gradient(circle at 50% 0,rgba(12,59,91,.22),transparent 38%),var(--bg);color:var(--text);font-family:var(--body);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 4px;opacity:.15;z-index:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.container{width:min(var(--max),calc(100% - 56px));margin:auto;position:relative;z-index:2}.background-overlay,.background-glow{display:none}
/* HEADER */
.header{height:66px;position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(2,10,18,.94);border-bottom:1px solid rgba(34,128,190,.28);backdrop-filter:blur(14px)}.header.scrolled{background:rgba(2,8,14,.98);box-shadow:0 10px 40px rgba(0,0,0,.35)}.header .container{height:100%;display:flex;align-items:center;gap:38px}.logo{display:flex;align-items:center;gap:10px;min-width:160px}.logo-icon{width:150px;height:auto}.logo-text{display:none}.navigation{flex:1}.navigation ul{list-style:none;display:flex;align-items:center;justify-content:center;gap:30px}.navigation a{font-family:var(--heading);font-size:16px;letter-spacing:1.5px;color:#9db5c9;transition:.2s}.navigation a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:10px}.auth-trigger{width:42px;height:42px;border:1px solid rgba(66,151,211,.35);border-radius:50%;background:rgba(255,255,255,.03);color:#fff}.auth-trigger:before{content:"⌕";font-size:23px;line-height:1}.live-badge{display:flex;align-items:center;gap:7px;border:1px solid rgba(66,151,211,.35);border-radius:22px;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:1.2px}.live-dot{width:7px;height:7px;background:var(--red);border-radius:50%;box-shadow:0 0 12px rgba(255,37,73,.75)}.mobile-menu-btn{display:none}
/* TICKER */
.breaking-news{height:31px;margin-top:66px;background:#06101a;border-bottom:1px solid rgba(29,115,171,.2);display:flex;align-items:center;overflow:hidden;position:relative;z-index:5}.breaking-label{height:100%;display:flex;align-items:center;gap:8px;padding:0 20px;font-size:9px;font-weight:800;letter-spacing:1.6px;color:#fff;background:#071725;flex:none}.breaking-dot{width:6px;height:6px;background:var(--red);border-radius:50%}.ticker{overflow:hidden;white-space:nowrap;flex:1}.ticker-track{display:inline-flex;gap:26px;animation:ticker 34s linear infinite;font-size:9px;color:#91a8ba;letter-spacing:.4px}.ticker-track span:nth-child(even){color:var(--red)}@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* SHARED */
.section{padding:54px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.section-heading>div{max-width:760px}.section-tag{display:inline-flex;align-items:center;gap:8px;color:var(--red);font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}.section-tag:before{content:"";width:4px;height:12px;background:var(--red);border-radius:1px}.section-heading h2{font-family:var(--heading);font-size:34px;line-height:1;letter-spacing:.5px;text-transform:uppercase;margin-top:7px}.section-heading p{color:#7890a2;font-size:11px;line-height:1.6;margin-top:7px}.section-heading:after{content:"VIEW ALL  ›";font-family:var(--heading);font-size:12px;letter-spacing:1px;color:#53a9e5;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border-radius:20px;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;transition:.25s;border:1px solid transparent}.btn-primary{background:var(--red);color:#fff;box-shadow:0 9px 22px rgba(255,37,73,.18)}.btn-secondary{border-color:#1e628d;background:rgba(8,30,48,.7);color:#c9dbea}.btn:hover{transform:translateY(-2px)}
/* HERO */
.hero{min-height:470px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid rgba(26,111,164,.3)}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.54);transform:scale(1.04)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,9,15,.92) 0%,rgba(2,9,15,.68) 44%,rgba(2,9,15,.3) 100%),linear-gradient(0deg,rgba(2,9,15,.85),transparent 60%)}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;padding-top:26px}.hero-left{max-width:610px}.hero-label{font-size:10px;text-transform:uppercase;color:#f45b72;font-weight:700;letter-spacing:1.5px}.hero-label .dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#6e8ca1;margin:0 7px 2px}.hero-title{font-family:var(--heading);text-transform:uppercase;line-height:.86;margin:14px 0 18px}.hero-title-main{display:block;font-size:76px;letter-spacing:1px}.hero-title-sub{display:block;font-size:26px;color:#a7bac9;letter-spacing:1px;margin-top:8px}.hero-left>p{max-width:490px;color:#bdccd8;font-size:13px;line-height:1.6}.hero-buttons{display:flex;gap:10px;margin-top:24px}.hero-right{display:flex;justify-content:flex-end}.featured-card{width:min(470px,100%);background:linear-gradient(145deg,rgba(8,27,43,.97),rgba(5,17,29,.95));border:1px solid #15527c;border-radius:10px;padding:22px;box-shadow:var(--shadow)}.featured-top{display:flex;gap:8px;align-items:center;font-family:var(--heading);font-size:13px;letter-spacing:1.1px;text-transform:uppercase}.teams{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;margin:23px 0 12px}.team{text-align:center}.team img{width:55px;height:55px;object-fit:contain;margin:0 auto 8px}.team h3{font-family:var(--heading);font-size:16px;letter-spacing:.7px}.vs{text-align:center;color:#8ca4b6;font-family:var(--heading);font-size:14px}.competition{font-size:9px;color:#5e9fd0;text-transform:uppercase;letter-spacing:1.1px;text-align:center}.match-info{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.match-info>div{padding:10px;border:1px solid rgba(45,129,183,.23);border-radius:7px;background:rgba(255,255,255,.02);text-align:center}.match-info small{display:block;color:#66879e;font-size:8px;text-transform:uppercase}.match-info strong{display:block;font-size:10px;margin-top:4px}.featured-card .match-link{display:block;margin-top:15px;padding:9px;text-align:center;border:1px solid var(--red);border-radius:7px;color:var(--red);font-size:9px;font-weight:800;text-transform:uppercase}.hero-scroll{display:none}
/* COUNTDOWN */
.countdown-section{padding:25px 0 30px}.countdown-wrapper{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px;align-items:center;background:linear-gradient(145deg,#071727,#06111d);border:1px solid #0c4368;border-radius:10px;padding:18px 22px}.countdown-content .section-tag{font-size:9px}.countdown-content h2{font-family:var(--heading);font-size:25px;text-transform:uppercase;margin:4px 0 4px}.countdown-content>p{font-size:9px;color:#7892a5}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:14px}.time-box{border:1px solid rgba(41,121,171,.28);background:rgba(3,15,25,.6);padding:9px 5px;text-align:center;border-radius:6px}.time-box strong{font-family:var(--heading);font-size:25px;display:block}.time-box span{font-size:7px;color:#66869d;text-transform:uppercase}.countdown-match{border:1px solid rgba(41,121,171,.28);border-radius:8px;padding:15px}.countdown-match .competition{font-size:8px}.countdown-teams{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin-top:8px}.countdown-team{text-align:center}.countdown-team img{height:48px;width:48px;object-fit:contain;margin:auto}.countdown-team h3{font-family:var(--heading);font-size:13px;margin-top:4px}.countdown-vs{font-family:var(--heading);font-size:11px;text-align:center;color:#7690a4}
/* CARDS */
.buzz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.buzz-card{background:linear-gradient(145deg,#071624,#06101a);border:1px solid #0c3f61;border-radius:9px;overflow:hidden;transition:.25s}.buzz-card:hover,.match-card:hover,.story-card:hover,.player-card:hover{transform:translateY(-3px);border-color:#1978b7}.buzz-image{height:165px;position:relative;overflow:hidden}.buzz-image img{width:100%;height:100%;object-fit:cover}.buzz-category{position:absolute;left:9px;bottom:9px;padding:4px 8px;border-radius:10px;background:#061a29;border:1px solid #1a75a9;color:#6cc0f5;font-size:7px;font-weight:800;text-transform:uppercase}.buzz-content{padding:14px}.buzz-content h3{font-family:var(--heading);font-size:18px;line-height:1.05;text-transform:uppercase}.buzz-content p{font-size:9px;color:#7e96a8;line-height:1.5;margin:7px 0 12px}.buzz-content a{color:var(--red);font-size:8px;font-weight:800;text-transform:uppercase}
.matches-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.match-link{display:block}.match-card{height:100%;padding:15px 12px;background:linear-gradient(145deg,#071725,#05111b);border:1px solid #0d4b72;border-radius:8px;transition:.25s}.match-card .competition{font-size:7px;text-align:left;margin-bottom:10px;color:#789cb4}.match-teams{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center}.match-teams>div{text-align:center}.match-teams img{height:38px;width:38px;object-fit:contain;margin:auto}.match-teams span{display:block;font-family:var(--heading);font-size:11px;margin-top:5px}.match-teams strong{font-family:var(--heading);font-size:10px;color:#71899a}.match-date{font-size:7px;color:#7690a4;text-align:center;margin:12px 0 10px}.match-preview-link{text-align:center;border:1px solid rgba(39,122,176,.35);border-radius:5px;padding:7px;color:#73b8e4;font-size:7px;font-weight:800;text-transform:uppercase}
.rumours-list{display:grid;gap:7px}.rumour-link{display:block}.rumour-item{display:grid;grid-template-columns:58px 1fr 45px;align-items:center;gap:14px;padding:10px 13px;border:1px solid #0b3e5f;background:linear-gradient(90deg,#061522,#071827);border-radius:7px}.rumour-status{font-size:8px;font-weight:800;text-align:center;color:#9ab0c0}.rumour-status.hot{background:var(--red);color:#fff;border-radius:11px;padding:5px}.rumour-item h3{font-size:10px;font-weight:600}.rumour-item p{font-size:8px;color:#6e8799;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rumour-item>span{color:var(--red);font-family:var(--heading);font-size:15px;text-align:right}
.players-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.player-link{perspective:1200px;min-height:175px}.player-card{position:relative;width:100%;height:175px;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.2,.7,.2,1);border:1px solid #0c4b70;border-radius:7px}.player-link:hover .player-card,.player-link:focus-visible .player-card{transform:rotateY(180deg)}.player-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:7px;overflow:hidden}.player-front{background:#081726}.player-front>img{width:100%;height:100%;object-fit:cover;object-position:center 20%;filter:saturate(.9)}.player-front:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,12,20,.95),rgba(3,12,20,.05) 58%)}.player-info{position:absolute;left:12px;right:12px;bottom:10px;z-index:2}.player-info span{color:#5eb2e8;font-size:7px;text-transform:uppercase;font-weight:800}.player-info h3{font-family:var(--heading);font-size:18px;line-height:1;margin-top:2px}.player-info p{font-size:8px;color:#92a6b6;margin-top:3px}.player-back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 20%,#0e3e60,#06111d 65%);display:flex;flex-direction:column;justify-content:center;padding:18px}.player-back .back-kicker{color:var(--red);font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.player-back h3{font-family:var(--heading);font-size:25px;line-height:1;margin:5px 0 10px}.player-back p{font-size:9px;color:#91a8b9;margin:3px 0}.player-back strong{color:#e7f1f8}.player-back .country-line{margin-top:7px;color:#62b5e9}
.tactical-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding:20px;border:1px solid #0b4569;border-radius:10px;background:linear-gradient(145deg,#061624,#06111b)}.tactical-image{border-radius:7px;overflow:hidden;border:1px solid rgba(32,126,181,.28)}.tactical-image img{width:100%;height:250px;object-fit:cover}.tactical-content{padding:10px}.tactical-content h2{font-family:var(--heading);font-size:39px;line-height:.95;text-transform:uppercase;margin:7px 0 10px}.tactical-content p,.tactical-content li{font-size:10px;color:#839bad;line-height:1.6}.tactical-content ul{list-style:none;display:grid;gap:6px;margin:13px 0}.tactical-content li:before{content:"•";color:var(--red);margin-right:8px}.tactical-content .btn{margin-top:5px}
.poll-box{max-width:470px;margin:auto;padding:23px 26px;border:1px solid #0c4568;border-radius:10px;background:linear-gradient(145deg,#0a1828,#07111c);text-align:center}.poll-box h2{font-family:var(--heading);font-size:28px;text-transform:uppercase;margin:7px 0}.poll-subtitle{font-size:9px;color:#7890a2;margin-bottom:15px}.poll-options{display:grid;gap:7px}.poll-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;border:1px solid #174a69;border-radius:6px;background:#071827;color:#fff;cursor:pointer;font-size:9px;text-align:left}.poll-option:hover,.poll-option.voted{border-color:var(--red)}.poll-percent{font-family:var(--heading);font-size:14px;color:#5db6ee}.poll-option:disabled{cursor:default}
.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.story-card{background:#07131f;border:1px solid #0b405f;border-radius:8px;overflow:hidden;transition:.25s}.story-card>img{width:100%;height:155px;object-fit:cover}.story-card>div{padding:13px}.story-card span{color:var(--red);font-size:7px;font-weight:800;text-transform:uppercase}.story-card h3{font-family:var(--heading);font-size:17px;line-height:1.05;text-transform:uppercase;margin:5px 0 12px}.story-card a{font-size:8px;color:#68b8e9;font-weight:800;text-transform:uppercase}.newsletter{padding:0 0 48px}.newsletter-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 28px;border:1px solid #0b3e5e;border-radius:9px;background:linear-gradient(90deg,#071625,#091a2a)}.newsletter-box h2{font-family:var(--heading);font-size:29px;line-height:.95;text-transform:uppercase;margin:6px 0}.newsletter-box p{font-size:9px;color:#7b92a4}.newsletter form{display:flex;width:min(410px,100%)}.newsletter input{min-width:0;flex:1;padding:11px 13px;border:1px solid #1a4966;border-right:0;border-radius:5px 0 0 5px;background:#06121d;color:#fff;font-size:9px}.newsletter button{border:0;border-radius:0 5px 5px 0;background:var(--red);color:#fff;padding:0 18px;font-size:8px;font-weight:800;text-transform:uppercase}
.footer{border-top:1px solid #0a2b42;padding:32px 0 26px;background:#020911}.footer .container{display:grid;grid-template-columns:minmax(230px,1fr) minmax(280px,340px) minmax(180px,1fr);grid-template-rows:auto auto;column-gap:30px;row-gap:14px;align-items:start}.footer-brand{grid-column:1;grid-row:1;display:grid;grid-template-columns:120px 1fr;grid-template-rows:auto auto;column-gap:20px;row-gap:7px;align-items:center}.footer-brand .logo{grid-column:1;grid-row:1}.footer-brand .logo-icon{width:120px}.logo-tagline{grid-column:2;grid-row:1;font-family:var(--heading);font-size:18px;color:#8ca4b5;text-transform:uppercase}.footer-email{grid-column:1;grid-row:2;font-size:14px;color:#6fa6ca;text-decoration:none}.footer-email:hover{color:#8dc9ee}.footer-bottom{display:contents}.footer-bottom>p{grid-column:1;grid-row:2;color:#7893a5;font-size:12px;line-height:1.3;align-self:end;margin:0}.kofi-footer-container{grid-column:3;grid-row:1 / 3;align-self:center;justify-self:end}.kofi-link{display:inline-flex;align-items:center;gap:6px;color:#6f9bb8;font-size:14px}.kofi-custom-icon{width:18px;height:18px;object-fit:contain}
/* reveal/ripple */
.section,.featured-card,.buzz-card,.match-card,.story-card{opacity:1}.ripple{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);width:8px;height:8px;animation:ripple .6s linear;pointer-events:none}@keyframes ripple{to{transform:scale(25);opacity:0}}
.no-matches{color:#7890a2;font-size:10px}
/* responsive */
@media(max-width:980px){.navigation ul{gap:17px}.navigation a{font-size:13px}.hero-content{grid-template-columns:1fr .8fr;gap:25px}.hero-title-main{font-size:62px}.matches-grid{grid-template-columns:repeat(2,1fr)}.players-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.header{height:58px}.header .container{gap:8px}.header .logo{min-width:0}.logo-icon{width:115px}.navigation{position:absolute;top:58px;left:0;right:0;background:#03101a;border-bottom:1px solid #0c3d5b;display:none;padding:12px 14px}.navigation.active{display:block}.navigation ul{flex-direction:column;gap:0;align-items:stretch}.navigation li{border-bottom:1px solid rgba(255,255,255,.05)}.navigation a{display:block;padding:11px;font-size:15px}.header-actions{margin-left:auto}.live-badge{display:none}.auth-trigger{width:34px;height:34px}.mobile-menu-btn{display:flex;flex-direction:column;gap:5px;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid #174a69;border-radius:6px;background:#071725}.mobile-menu-btn span{width:15px;height:1px;background:#b7cbd9}.breaking-news{margin-top:58px;height:28px}.breaking-label{padding:0 10px;font-size:7px}.ticker-track{font-size:8px}.section{padding:40px 0}.section-heading{display:block;margin-bottom:18px}.section-heading:after{display:none}.section-heading h2{font-size:28px}.hero{min-height:650px;align-items:flex-end;padding-bottom:30px}.hero-image img{object-position:center}.hero-content{display:flex;flex-direction:column;gap:20px;align-items:stretch;padding-top:90px}.hero-left{max-width:none}.hero-title-main{font-size:56px}.hero-title-sub{font-size:21px}.hero-left>p{font-size:11px;max-width:100%}.hero-right{justify-content:stretch}.featured-card{width:100%;padding:16px}.teams{margin:16px 0 10px}.team img{width:45px;height:45px}.team h3{font-size:14px}.match-info strong{font-size:9px}.countdown-wrapper{grid-template-columns:1fr;padding:16px}.countdown-match{display:block}.countdown{gap:5px}.time-box strong{font-size:22px}.buzz-grid,.stories-grid{grid-template-columns:1fr}.buzz-image{height:190px}.matches-grid{grid-template-columns:repeat(2,1fr);gap:9px}.match-card{padding:12px 8px}.match-teams{grid-template-columns:1fr 20px 1fr}.match-teams img{height:34px;width:34px}.match-teams span{font-size:10px}.rumour-item{grid-template-columns:46px 1fr 40px;gap:8px}.rumour-item p{display:none}.players-grid{grid-template-columns:1fr 1fr;gap:9px}.player-link,.player-card{height:155px;min-height:155px}.player-info h3{font-size:16px}.tactical-wrapper{grid-template-columns:1fr;gap:15px}.tactical-image img{height:190px}.tactical-content h2{font-size:32px}.newsletter-box{display:block;padding:20px}.newsletter form{margin-top:16px}.footer .container{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:16px}.footer-brand{grid-column:1;grid-row:auto;display:grid;grid-template-columns:115px 1fr;grid-template-rows:auto auto;column-gap:12px;row-gap:7px;align-items:center}.footer-brand .logo{grid-column:1;grid-row:1}.footer-brand .logo-icon{width:115px}.logo-tagline{grid-column:2;grid-row:1;font-size:16px}.footer-email{grid-column:1;grid-row:2;font-size:13px}.footer-bottom{display:flex;flex-direction:column;margin-top:20px;gap:15px}.kofi-footer-container{grid-column:1;grid-row:auto;justify-self:start;margin-top:0;order:3}.footer-bottom>p{grid-column:1;grid-row:auto;order:4;font-size:11px}.poll-box{padding:20px}.article-layout{display:block}.sidebar-ad{margin:0 0 15px}.sidebar-ad-left,.sidebar-ad-right{min-height:20px}.article-grid{grid-template-columns:1fr!important;gap:20px!important}.article-content{text-align:left!important}.article-content h1{font-size:40px!important}.article-image{order:0!important}.article-content{order:1!important}}
@media(max-width:420px){.hero-title-main{font-size:48px}.hero{min-height:620px}.matches-grid{grid-template-columns:1fr}.players-grid{grid-template-columns:1fr 1fr}.player-link,.player-card{height:145px;min-height:145px}.rumour-item{grid-template-columns:42px 1fr 36px}.rumour-item h3{font-size:9px}.newsletter input{font-size:8px}.newsletter button{padding:0 12px}}



/* ==========================================================
   HERO GLASS CARD
========================================================== */
.featured-card{

    background:linear-gradient(
        145deg,
        rgba(12,35,55,.15),
        rgba(4,18,30,.12)
    );

    border:1px solid rgba(111,190,238,.30);

    box-shadow:
        0 24px 70px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.08);

    backdrop-filter:blur(18px) saturate(125%);
    -webkit-backdrop-filter:blur(18px) saturate(125%);

}

.featured-card .match-info>div{

    background:rgba(255,255,255,.02);

}

/* ==========================================================
   CONTACT FORM / MODAL
========================================================== */
.modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:12000;
    padding:20px;
    align-items:center;
    justify-content:center;
    background:rgba(1,7,13,.78);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
}
.modal.open{display:flex!important}
.modal-content{
    position:relative;
    width:min(520px,100%);
    padding:30px;
    border:1px solid rgba(55,153,211,.35);
    border-radius:14px;
    background:linear-gradient(145deg,#081b2c,#040e18);
    box-shadow:0 30px 90px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.05);
}
.modal-content h3{
    font-family:var(--heading);
    font-size:32px;
    letter-spacing:.8px;
    text-transform:uppercase;
    margin-bottom:18px;
}
.modal-content .close{
    position:absolute;
    top:10px;
    right:15px;
    color:#9db5c9;
    font-size:28px;
    line-height:1;
    cursor:pointer;
    transition:.2s;
}
.modal-content .close:hover{color:#fff;transform:rotate(90deg)}
.contact-form{display:grid;gap:14px}
.contact-form label{
    display:grid;
    gap:7px;
    color:#9fb5c5;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.contact-form input,
.contact-form textarea{
    width:100%;
    border:1px solid rgba(48,132,181,.34);
    border-radius:7px;
    background:rgba(3,15,25,.72);
    color:#fff;
    padding:12px 13px;
    outline:0;
    font-size:11px;
    transition:.2s;
}
.contact-form textarea{min-height:130px;resize:vertical}
.contact-form input:focus,
.contact-form textarea:focus{
    border-color:rgba(67,184,255,.75);
    box-shadow:0 0 0 3px rgba(67,184,255,.08);
}
.contact-form button{
    min-height:42px;
    border:0;
    border-radius:7px;
    background:var(--red);
    color:#fff;
    font-size:9px;
    font-weight:900;
    letter-spacing:1px;
    text-transform:uppercase;
    cursor:pointer;
    transition:.2s;
}
.contact-form button:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(255,37,73,.2)}

/* ==========================================================
   MATCH PREVIEW
========================================================== */
.match-hero{
    padding:72px 0 46px;
    text-align:center;
    position:relative;
    overflow:hidden;
}
.match-hero:before{
    content:"";
    position:absolute;
    width:720px;height:420px;
    left:50%;top:-170px;
    transform:translateX(-50%);
    background:radial-gradient(circle,rgba(25,111,171,.18),transparent 68%);
    pointer-events:none;
}
.match-hero .container{z-index:2}
.match-hero .competition-logo{
    width:64px;
    height:64px;
    object-fit:contain;
    margin:0 auto 13px;
    filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));
}
.match-round{
    display:inline-block;
    color:#5eb7e9;
    font-size:9px;
    font-weight:800;
    letter-spacing:1.7px;
    text-transform:uppercase;
    margin-bottom:8px;
}
.match-hero #competitionName{
    font-family:var(--heading);
    color:#c4d7e4;
    font-size:15px;
    letter-spacing:1.4px;
    text-transform:uppercase;
}
.match-hero .match-teams{
    display:grid;
    grid-template-columns:1fr 100px 1fr;
    align-items:center;
    max-width:780px;
    margin:30px auto 20px;
    gap:15px;
}
.match-hero .match-teams .team{
    text-align:center;
}
.match-hero .match-teams .team img{
    width:120px;
    height:120px;
    object-fit:contain;
    margin:0 auto 13px;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.35));
}
.match-hero .match-teams .team h3{
    font-family:var(--heading);
    font-size:25px;
    letter-spacing:.7px;
}
.match-hero .match-vs{
    font-family:var(--heading);
    font-size:20px;
    color:#718da2;
    letter-spacing:2px;
}
.match-hero .match-info{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
    margin:0 auto;
    max-width:900px;
    color:#9eb2c1;
    font-size:11px;
    line-height:1.6;
}
.match-hero .match-info span:not(:nth-child(2n)){
    color:#d6e3ec;
}
.match-hero .match-info span:nth-child(2n){
    color:#4d7188;
}
.matchpreview-page .section{padding-top:46px}
.countdown-section .countdown{
    max-width:650px;
    margin:0 auto;
}
.match-tactical-lab .section-heading{
    display:block;
    text-align:center;
    max-width:720px;
    margin:0 auto 24px;
}
.match-tactical-lab .section-heading:after{display:none}
.match-tactical-lab .section-heading h2{
    font-family:var(--heading);
    font-size:38px;
    text-transform:uppercase;
    margin:7px 0;
}
.match-tactical-lab .section-heading p{
    color:#8198aa;
    font-size:10px;
}
.match-tactical-actions{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    max-width:980px;
    margin:auto;
}
.tactical-lab-btn{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    min-height:82px;
    padding:14px;
    border:1px solid #15557d;
    border-radius:9px;
    background:linear-gradient(145deg,#071a2b,#06111c);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    transition:.22s;
    text-align:center;
}
.tactical-lab-btn:hover{
    transform:translateY(-3px);
    border-color:#3aa5df;
    box-shadow:0 14px 32px rgba(0,0,0,.25);
}
.tactical-lab-btn span{
    color:#64b9e9;
    font-size:8px;
    font-weight:900;
    letter-spacing:1.4px;
}
.tactical-lab-btn strong{
    margin-top:6px;
    font-family:var(--heading);
    font-size:20px;
    letter-spacing:.6px;
}
.tactical-lab-btn.battle-link{
    background:linear-gradient(145deg,rgba(255,37,73,.17),rgba(7,19,31,.95));
    border-color:rgba(255,37,73,.5);
}
.tactical-lab-btn.battle-link span{color:#ff5d78}
.coach-word blockquote{
    max-width:850px;
    margin:auto;
    padding:26px 30px;
    border:1px solid #0c4568;
    border-left:3px solid var(--red);
    border-radius:10px;
    background:linear-gradient(145deg,#071725,#050f19);
}
.coach-quote-text{
    font-family:var(--heading);
    font-size:27px;
    line-height:1.1;
}
.coach-author{
    margin-top:13px;
    color:#6ea7c7;
    font-size:9px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}
.analysis-layout{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:24px;
    align-items:start;
    max-width:1040px;
    margin:auto;
}
.analysis-copy{
    padding:25px 28px;
    border:1px solid #0b3f5f;
    border-radius:10px;
    background:linear-gradient(145deg,#071725,#050f18);
}
.article-wrapper{
    display:grid;
    gap:14px;
}
.article-wrapper p{
    color:#9ab0bf;
    font-size:11px;
    line-height:1.8;
}
.analysis-label{
    margin-bottom:14px;
    font-family:var(--heading);
    font-size:26px;
    text-transform:uppercase;
}
.preview-ad{
    min-height:250px;
    padding:12px;
    border:1px solid rgba(38,125,176,.25);
    border-radius:9px;
    background:rgba(4,15,25,.55);
    overflow:hidden;
}
.preview-ad:before{
    content:"ADVERTISEMENT";
    display:block;
    color:#4d6d81;
    font-size:7px;
    letter-spacing:1.5px;
    text-align:center;
    margin-bottom:8px;
}
.prediction-box{
    max-width:700px;
    margin:auto;
    padding:28px;
    border:1px solid #0d4b72;
    border-radius:11px;
    background:linear-gradient(145deg,#081a2b,#050f19);
    text-align:center;
}
.prediction-box h3{
    font-family:var(--heading);
    font-size:27px;
    text-transform:uppercase;
    margin:8px 0;
}
.prediction-score{
    font-family:var(--heading);
    font-size:55px;
    line-height:1;
    color:#fff;
}
.prediction-confidence{
    margin-top:9px;
    color:#718da1;
    font-size:9px;
}
.prediction-confidence strong{color:#ff5470}
.prediction-summary{
    max-width:600px;
    margin:12px auto 0;
    color:#91a7b6;
    font-size:10px;
    line-height:1.6;
}

/* match preview footer uses the homepage footer structure */
.match-preview-footer{margin-top:10px}

@media(max-width:760px){
    .modal{padding:14px}
    .modal-content{padding:24px 18px}
    .match-hero{padding:54px 0 34px}
    .match-hero .competition-logo{width:48px;height:48px}
    .match-hero .match-teams{grid-template-columns:1fr 45px 1fr;gap:5px;margin-top:24px}
    .match-hero .match-teams .team img{width:78px;height:78px}
    .match-hero .match-teams .team h3{font-size:18px}
    .match-hero .match-vs{font-size:15px}
    .match-hero .match-info{font-size:9px;gap:6px}
    .match-tactical-actions{grid-template-columns:1fr}
    .analysis-layout{grid-template-columns:1fr}
    .preview-ad{min-height:110px;order:-1}
    .analysis-copy{padding:20px}
    .coach-word blockquote{padding:20px}
    .coach-quote-text{font-size:22px}
}
.poll-header {
  display: flex;
  align-items: center;
  gap: 15px; /* відступ між логотипом і текстом */
}

.poll-logo {
  width: 60px;   /* ширина логотипа */
  height: auto;  /* автоматична висота для збереження пропорцій */
  flex-shrink: 0; /* не стискається при адаптації */
}



/* ==========================================================
   HOMEPAGE REDESIGN — MATCHDAY CORE EXPERIENCE
========================================================== */
.hero-match{min-height:590px;padding-top:20px}
.hero-match .hero-image img{object-position:center 34%;filter:saturate(.9) brightness(.58);transform:scale(1.025)}
.hero-match .hero-overlay{background:linear-gradient(90deg,rgba(1,7,13,.94) 0%,rgba(1,8,15,.76) 38%,rgba(1,8,15,.25) 72%,rgba(1,8,15,.52) 100%),linear-gradient(0deg,rgba(1,7,13,.96),transparent 52%,rgba(1,7,13,.18))}
.hero-match-glow{position:absolute;inset:auto 0 0;height:55%;background:radial-gradient(circle at 70% 55%,rgba(36,139,222,.14),transparent 42%);pointer-events:none}
.hero-match-content{}
.hero-match-title{margin-top:16px}
.hero-match-title .hero-title-main{font-size:68px;line-height:.88;max-width:720px}
.hero-match-title .hero-title-main em{font-style:normal;color:var(--red);font-size:.7em;margin:0 4px}
.hero-match-title .hero-title-sub{font-size:23px;color:#b7c9d6}
.hero-match-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#d8e7f0;font-size:9px;font-weight:800;letter-spacing:1px;margin:14px 0 2px}
.hero-match-meta b{color:var(--red)}
.hero-match .hero-left>p{max-width:560px}
.hero-match-card{backdrop-filter:blur(12px);background:linear-gradient(145deg,rgba(6,24,39,.4),rgba(3,13,23,.45));border-color:rgba(49,151,215,.52)}
.hero-match-card .match-link{background:rgba(255,37,73,.05)}
.match-fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}
.match-fact-grid>div{padding:10px 4px;text-align:center;border:1px solid rgba(48,133,184,.22);border-radius:6px;background:rgba(0,0,0,.15)}
.match-fact-grid strong{display:block;font-family:var(--heading);font-size:22px}
.match-fact-grid small{display:block;color:#718ca0;font-size:7px;margin-top:3px}

.challenge-panel{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;padding:22px;border:1px solid rgba(31,139,204,.45);border-radius:11px;background:linear-gradient(110deg,#081a2a,#06101b 70%);box-shadow:0 20px 60px rgba(0,0,0,.25);overflow:hidden;position:relative}
.challenge-panel:after{content:"";position:absolute;width:320px;height:320px;right:-100px;top:-130px;background:radial-gradient(circle,rgba(35,137,212,.16),transparent 68%);pointer-events:none}
.challenge-copy{position:relative;z-index:2}
.challenge-copy h2,.feature-card-copy h2,.manager-copy h2,.prediction-card h2,.community-card h2,.league-copy h2{font-family:var(--heading);font-size:38px;line-height:.93;text-transform:uppercase;margin:7px 0 9px}
.challenge-copy p,.feature-card-copy p,.manager-copy p,.prediction-card p,.community-card p,.league-copy p{color:#829bad;font-size:10px;line-height:1.65;max-width:590px}
.challenge-rules{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}
.challenge-rules span{padding:6px 9px;border:1px solid #185579;border-radius:20px;color:#73b9e7;font-size:7px;font-weight:800;letter-spacing:1px}
.challenge-match{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid rgba(50,148,207,.28);border-radius:9px;background:rgba(2,11,18,.45);position:relative;z-index:2}
.challenge-kicker{color:#5eb3e6;font-size:8px;font-weight:800;letter-spacing:1.3px;text-align:center}
.challenge-teams{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;margin:15px 0}
.challenge-teams>div{text-align:center}.challenge-teams img{width:58px;height:58px;object-fit:contain;margin:0 auto 7px}.challenge-teams strong{font-family:var(--heading);font-size:13px}.challenge-teams>span{text-align:center;color:#728ca0;font-family:var(--heading);font-size:12px}
.challenge-line{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid rgba(255,255,255,.06);color:#ff5470;font-size:7px;font-weight:900;letter-spacing:1.4px}.challenge-line b{font-size:15px}

.tactical-home-card{min-height:310px}.tactical-feature-list{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.tactical-feature-list span{padding:6px 8px;border-radius:5px;background:#061827;border:1px solid #123f5b;color:#78afd1;font-size:7px;font-weight:800;letter-spacing:.8px}
.battle-grid,.prediction-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-card{min-height:285px;border:1px solid #0d4d73;border-radius:10px;background:linear-gradient(145deg,#071827,#050f18);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;position:relative}
.feature-card-visual{min-height:100%;overflow:hidden}.feature-card-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) brightness(.65)}
.feature-card-copy,.manager-copy{padding:24px;display:flex;flex-direction:column;justify-content:center}.feature-card-copy .btn,.manager-copy .btn{align-self:flex-start;margin-top:17px}
.manager-card{grid-template-columns:1fr 180px;background:linear-gradient(145deg,#081b2b,#05101a)}
.manager-board{margin:20px 18px 20px 0;border:1px solid rgba(48,142,199,.32);border-radius:8px;padding:11px;background:#04101a;align-self:center}.manager-board .board-title{color:#5daedf;font-size:7px;font-weight:900;letter-spacing:1px;margin-bottom:8px}.manager-board>div:not(.board-title){display:grid;grid-template-columns:24px 1fr 30px;gap:5px;align-items:center;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);font-size:7px}.manager-board b{color:#668399}.manager-board span{color:#91a8b7}.manager-board strong{font-family:var(--heading);font-size:16px;text-align:right;color:#fff}
.prediction-card,.community-card{padding:24px;border:1px solid #0d4d73;border-radius:10px;background:linear-gradient(145deg,#071827,#050f18)}
.prediction-match{display:grid;grid-template-columns:1fr 50px 1fr;align-items:center;margin:18px 0}.prediction-match>div{text-align:center}.prediction-match img{width:55px;height:55px;object-fit:contain;margin:0 auto 7px}.prediction-match strong{font-family:var(--heading);font-size:13px}.prediction-match>span{text-align:center;color:#6f899b;font-family:var(--heading)}
.prediction-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.prediction-choice{min-height:38px;border:1px solid #1b577b;border-radius:6px;background:#061522;color:#9bc2d9;font-size:8px;font-weight:900;cursor:pointer}.prediction-choice:hover,.prediction-choice.selected{border-color:var(--red);color:#fff;background:rgba(255,37,73,.12)}
.community-bars{display:grid;gap:10px;margin:19px 0}.community-bars>div{display:grid;grid-template-columns:80px 1fr 35px;gap:8px;align-items:center;font-size:7px;color:#87a0b0;font-weight:800}.community-bars b{height:7px;background:linear-gradient(90deg,#1676c8,#43b8ff);border-radius:8px;display:block}.community-bars strong{font-family:var(--heading);font-size:13px;color:#fff;text-align:right}.community-card small{color:#5f7b8e;font-size:7px;letter-spacing:.8px}
.league-panel{min-height:145px;padding:22px 26px;border:1px solid #1b628d;border-radius:11px;background:linear-gradient(90deg,rgba(7,27,43,.98),rgba(6,17,27,.96)),url('../images/hero-city-psg.webp') center/cover;display:grid;grid-template-columns:70px 1.1fr 1fr auto;align-items:center;gap:20px;position:relative;overflow:hidden}.league-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,16,27,.97),rgba(4,16,27,.8),rgba(4,16,27,.5));pointer-events:none}.league-panel>*{position:relative;z-index:2}.league-icon{width:58px;height:58px;border:1px solid #3b86b5;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#d9efff;background:rgba(6,24,39,.8);box-shadow:0 0 30px rgba(30,134,203,.14)}.league-copy h2{font-size:36px;margin-bottom:3px}.league-copy p{font-size:9px}.league-coming{display:flex;flex-direction:column;gap:5px}.league-coming span{color:#4cb9f5;font-size:9px;font-weight:900;letter-spacing:1.6px}.league-coming strong{font-family:var(--heading);font-size:21px;line-height:1.02;max-width:250px}

/* make the real-fixture cards more prominent */
.matches .match-card{min-height:205px;display:flex;flex-direction:column;justify-content:space-between}.matches .match-preview-link{margin-top:5px}

@media(max-width:980px){
  .hero-match-title .hero-title-main{font-size:58px}.challenge-panel{grid-template-columns:1fr}.challenge-match{max-width:520px}.feature-card{grid-template-columns:1fr}.feature-card-visual{min-height:170px}.manager-card{grid-template-columns:1fr}.manager-board{margin:0 24px 24px}.league-panel{grid-template-columns:58px 1fr;}.league-coming{grid-column:2}.league-panel>.btn{grid-column:2;justify-self:start}
}
@media(max-width:760px){
  .hero-match{min-height:720px;align-items:flex-end}.hero-match .hero-image img{object-position:62% center;filter:saturate(.9) brightness(.46)}.hero-match-title .hero-title-main{font-size:48px}.hero-match-title .hero-title-sub{font-size:19px}.hero-match-meta{font-size:8px;gap:6px}.hero-match-card{margin-bottom:2px}.match-fact-grid{margin-top:10px}.challenge-copy h2,.feature-card-copy h2,.manager-copy h2,.prediction-card h2,.community-card h2,.league-copy h2{font-size:31px}.challenge-panel{padding:17px}.battle-grid,.prediction-grid{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card-copy,.manager-copy{padding:19px}.prediction-card,.community-card{padding:19px}.league-panel{grid-template-columns:1fr;gap:12px;padding:19px}.league-coming,.league-panel>.btn{grid-column:1}.league-panel>.btn{justify-self:start}.league-icon{width:48px;height:48px}.tactical-home-card{padding:15px}.tactical-feature-list span{font-size:6px}
}
@media(max-width:420px){.hero-match{min-height:700px}.hero-match-title .hero-title-main{font-size:43px}.hero-match-title .hero-title-sub{font-size:17px}.hero-match-meta b{display:none}.prediction-buttons{grid-template-columns:1fr}.challenge-teams img{width:48px;height:48px}}