:root{
--bg:#3d84a0;
--bg2:#4998b5;
--primary:#1a7fce;
--primary2:#5cc0f0;
--gold:#f8c94a;
--white:#ffffff;
--text:#d6d8df;
--glass:rgba(255,255,255,.08);
--border:rgba(255,255,255,.12);
}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
overflow-x:hidden;
max-width:100%;
}

body{
background:var(--bg);
font-family:Inter,sans-serif;
color:white;
overflow-x:hidden;
max-width:100%;
}

.container{
width:min(1280px,92%);
margin:auto;
}

a{
text-decoration:none;
color:white;
}

header{
position:fixed;
width:100%;
top:0;
left:0;
z-index:999;
backdrop-filter:blur(25px);
background:rgba(10,10,20,.45);
border-bottom:1px solid rgba(255,255,255,.08);
}

.nav{
height:85px;
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
display:flex;
align-items:center;
gap:15px;
font-size:28px;
font-weight:800;
font-family:"Space Grotesk";
}

.logo img{
width:48px;
height:48px;
border-radius:50%;
}

nav{
display:flex;
gap:40px;
}

nav a{
position:relative;
font-weight:500;
transition:.35s;
}

nav a::after{
content:"";
position:absolute;
bottom:-8px;
left:0;
height:2px;
width:0;
background:var(--gold);
transition:.4s;
}

nav a:hover{
color:var(--gold);
}

nav a:hover::after{
width:100%;
}

.btn{
padding:16px 34px;
border-radius:18px;
background:linear-gradient(135deg,#1a7fce,#5cc0f0);
font-weight:700;
transition:.35s;
box-shadow:0 0 35px rgba(26,127,206,.45);
border:none;
cursor:pointer;
color:white;
font-size:16px;
font-family:Inter,sans-serif;
}

.btn:hover{
transform:translateY(-4px);
box-shadow:0 20px 50px rgba(26,127,206,.55);
}

.ghost{
padding:16px 34px;
border-radius:18px;
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(20px);
transition:.35s;
cursor:pointer;
background:transparent;
color:white;
font-size:16px;
font-family:Inter,sans-serif;
}

.ghost:hover{
background:white;
color:#111;
}

.menu{
display:none;
font-size:32px;
cursor:pointer;
}

.hero{
min-height:100vh;
display:flex;
align-items:center;
padding-top:120px;
position:relative;
}

.heroGrid{
display:grid;
grid-template-columns:1.1fr .9fr;
align-items:center;
gap:90px;
}

.tag{
display:inline-block;
padding:14px 26px;
border-radius:30px;
background:rgba(26,127,206,.35);
border:2px solid #5cc0f0;
color:#ffffff;
font-size:17px;
font-weight:700;
letter-spacing:.3px;
box-shadow:0 0 25px rgba(92,192,240,.4);
margin-bottom:30px;
}

.hero h1{
font-size:82px;
line-height:1;
font-family:"Space Grotesk";
margin-bottom:35px;
}

.hero h1 span{
background:linear-gradient(90deg,#ffffff,#5cc0f0);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.hero p{
color:#b9c0cb;
font-size:20px;
line-height:1.8;
max-width:650px;
}

.buttons{
display:flex;
gap:20px;
margin-top:45px;
}

.heroImage{
position:relative;
display:flex;
flex-direction:column;
gap:16px;
}

.brawlBadge{
display:flex;
flex-direction:row;
align-items:center;
gap:14px;
padding:16px 20px;
width:100%;
background:linear-gradient(120deg,rgba(26,127,206,.35),rgba(92,192,240,.2));
border:2px solid #5cc0f0;
border-radius:18px;
box-shadow:0 0 30px rgba(92,192,240,.45);
backdrop-filter:blur(20px);
}

.brawlBadgeText{
margin:0;
font-size:3px;
line-height:1.45;
font-weight:600;
letter-spacing:.2px;
color:#ffffff;
flex:1;
min-width:0;
}

.heroImage img{
flex:1;
min-width:0;
width:100%;
object-fit:cover;
border-radius:35px;
box-shadow:0 30px 80px rgba(0,0,0,.55);
display:block;
}

.glassCard{
position:absolute;
bottom:30px;
left:30px;
padding:32px;
width:310px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.15);
backdrop-filter:blur(30px);
border-radius:22px;
}

.glassIconWrap{
width:56px;
height:56px;
border-radius:16px;
background:linear-gradient(135deg,#1a7fce,#5cc0f0);
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
margin-bottom:18px;
box-shadow:0 12px 30px rgba(26,127,206,.5);
}

.glassCard h3{
font-size:22px;
margin-bottom:10px;
font-family:"Space Grotesk";
}

.glassCard p{
color:#d6d8df;
font-size:14px;
line-height:1.6;
margin-bottom:22px;
}

.glassProgress{
width:100%;
height:6px;
border-radius:10px;
background:rgba(255,255,255,.12);
overflow:hidden;
margin-bottom:12px;
}

.glassProgressBar{
height:100%;
width:0%;
border-radius:10px;
background:linear-gradient(90deg,var(--gold),#1a7fce);
transition:width 1.4s ease;
}

.glassMeta{
display:flex;
justify-content:space-between;
align-items:center;
font-size:13px;
color:#9aa1ad;
}

.glassMeta strong{
color:var(--gold);
font-weight:700;
}

.stats{
display:flex;
gap:60px;
margin-top:60px;
}

.stats h2{
font-size:52px;
color:var(--gold);
}

.stats p{
font-size:15px;
margin-top:6px;
color:#b9c0cb;
}

.cards{
padding:140px 0;
}

.cards h2{
font-size:60px;
text-align:center;
font-family:"Space Grotesk";
margin-bottom:70px;
}

.onasQuote{
text-align:center;
font-size:22px;
font-style:italic;
color:var(--gold);
max-width:750px;
margin:-40px auto 60px;
line-height:1.7;
}

.teamGrid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:35px;
}

.teamCard{
padding:40px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:28px;
backdrop-filter:blur(18px);
transition:.4s;
text-align:center;
}

.teamCard:hover{
transform:translateY(-8px);
border-color:#5cc0f0;
box-shadow:0 25px 60px rgba(26,127,206,.25);
}

.teamAvatar{
width:74px;
height:74px;
border-radius:50%;
background:linear-gradient(135deg,#1a7fce,#5cc0f0);
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
font-weight:700;
font-family:"Space Grotesk";
margin:0 auto 22px;
box-shadow:0 12px 30px rgba(26,127,206,.4);
}

.teamCard h3{
font-size:22px;
margin-bottom:8px;
font-family:"Space Grotesk";
}

.teamRole{
color:var(--gold);
font-size:14px;
font-weight:600;
line-height:1.6;
margin-bottom:18px;
}

.teamContact{
display:flex;
flex-wrap:wrap;
gap:12px;
margin-bottom:18px;
}

.teamContact .toFill{
padding:8px 14px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:10px;
font-size:13px;
color:var(--gold);
font-style:italic;
}

.teamAbout{
color:#bfc6d1;
line-height:1.75;
font-size:14px;
margin-top:10px;
}

@media(max-width:900px){
.teamGrid{
grid-template-columns:1fr;
}
}

.coachGrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-bottom:10px;
}

.coachCard{
padding:28px 20px;
text-align:center;
}

.coachCard .teamAvatar{
margin:0 auto 18px;
}

.coachCard h3{
font-size:18px;
margin-bottom:4px;
}

.coachCard .teamRole{
margin-bottom:0;
}

.captainsList{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
}

@media(max-width:900px){
.coachGrid{
grid-template-columns:repeat(2,1fr);
}
.captainsList{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.captainsList{
grid-template-columns:1fr;
}
}

@media(max-width:600px){
.coachGrid{
grid-template-columns:1fr;
}
}

.grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;
}

.card{
padding:45px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:28px;
transition:.4s;
backdrop-filter:blur(18px);
text-align:center;
}

.card:hover{
transform:translateY(-12px);
border-color:#5cc0f0;
box-shadow:0 25px 60px rgba(26,127,206,.35);
}

.icon{
font-size:55px;
margin-bottom:25px;
}

.card h3{
font-size:28px;
margin-bottom:18px;
}

.card p{
color:#bfc6d1;
line-height:1.8;
}

.card{
cursor:pointer;
}

.modalOverlay{
position:fixed;
inset:0;
background:rgba(5,5,12,.75);
backdrop-filter:blur(10px);
display:flex;
align-items:center;
justify-content:center;
z-index:1200;
opacity:0;
visibility:hidden;
transition:.35s;
padding:20px;
}

.modalOverlay.active{
opacity:1;
visibility:visible;
}

.modalBox{
position:relative;
width:min(560px,100%);
max-height:85vh;
overflow-y:auto;
padding:55px 45px;
background:linear-gradient(160deg,rgba(30,20,50,.9),rgba(10,10,20,.95));
border:1px solid rgba(255,255,255,.15);
border-radius:28px;
box-shadow:0 30px 80px rgba(0,0,0,.6);
transform:translateY(40px) scale(.96);
transition:.4s;
scrollbar-width:thin;
scrollbar-color:#5cc0f0 rgba(255,255,255,.08);
}

.modalBox::-webkit-scrollbar{
width:8px;
}

.modalBox::-webkit-scrollbar-track{
background:rgba(255,255,255,.06);
border-radius:10px;
}

.modalBox::-webkit-scrollbar-thumb{
background:#1a7fce;
border-radius:10px;
}

.modalBox::-webkit-scrollbar-thumb:hover{
background:#5cc0f0;
}

.modalOverlay.active .modalBox{
transform:translateY(0) scale(1);
}

.modalClose{
position:absolute;
top:22px;
right:26px;
font-size:24px;
cursor:pointer;
color:#b9c0cb;
transition:.3s;
}

.modalClose:hover{
color:var(--gold);
transform:rotate(90deg);
}

.modalIcon{
font-size:60px;
margin-bottom:22px;
}

.modalBox h3{
font-size:32px;
font-family:"Space Grotesk";
margin-bottom:20px;
}

.modalBox p{
color:#bfc6d1;
line-height:1.9;
font-size:16px;
}

.modalBoxWide{
width:min(720px,100%);
}

.modalContactGrid{
display:flex;
flex-direction:column;
gap:14px;
margin:24px 0;
}

.modalContactItem{
display:flex;
align-items:center;
gap:10px;
padding:16px 20px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
color:#d6d8df;
font-size:15px;
transition:.3s;
text-align:justify;
flex-wrap:wrap;
row-gap:8px;
}

a.modalContactItem:hover{
border-color:#5cc0f0;
color:var(--gold);
}

.sponsorGrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
margin:26px 0;
}

.sponsorGrid div{
height:80px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:16px;
display:flex;
align-items:center;
justify-content:center;
color:#8890a0;
font-size:13px;
text-align:center;
padding:10px;
}

.pressBlock{
display:flex;
gap:32px;
align-items:flex-start;
padding:45px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:28px;
margin-bottom:30px;
backdrop-filter:blur(18px);
transition:.35s;
}

.pressBlock > div:not(.pressIcon){
min-width:0;
}

.pressBlock:hover{
border-color:#5cc0f0;
box-shadow:0 20px 50px rgba(26,127,206,.25);
}

.pressIcon{
font-size:36px;
flex-shrink:0;
width:74px;
height:74px;
border-radius:18px;
background:rgba(26,127,206,.15);
border:1px solid rgba(26,127,206,.35);
display:flex;
align-items:center;
justify-content:center;
}

.pressBlock h3{
font-size:36px;
margin-bottom:16px;
font-family:"Space Grotesk";
}

.pressBlock p{
color:#bfc6d1;
line-height:1.85;
text-align:justify;
}

.galleryGrid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px;
margin-top:34px;
width:100%;
}

.galleryGrid img{
width:100%;
height:150px;
object-fit:cover;
border-radius:14px;
border:1px solid rgba(255,255,255,.1);
transition:.35s;
display:block;
}

.galleryItem{
position:relative;
min-width:200px;
}

.galleryItem img:hover{
transform:scale(1.05);
border-color:#5cc0f0;
}

.captionDot{
position:absolute;
bottom:8px;
right:8px;
width:14px;
height:14px;
background:#ffffff;
border-radius:4px;
box-shadow:0 2px 8px rgba(0,0,0,.5);
pointer-events:none;
}

.lightboxOverlay{
position:fixed;
inset:0;
background:rgba(5,8,14,.92);
backdrop-filter:blur(10px);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:18px;
opacity:0;
visibility:hidden;
transition:.3s;
z-index:1500;
padding:40px;
}

.lightboxOverlay.active{
opacity:1;
visibility:visible;
}

.lightboxOverlay img{
max-width:90vw;
max-height:90vh;
border-radius:18px;
box-shadow:0 30px 80px rgba(0,0,0,.6);
transform:scale(.92);
transition:.3s;
}

.lightboxOverlay.active img{
transform:scale(1);
}

.lightboxClose{
position:absolute;
top:28px;
right:36px;
font-size:28px;
color:#ffffff;
cursor:pointer;
transition:.3s;
}

.lightboxClose:hover{
color:#5cc0f0;
transform:rotate(90deg);
}

#lightboxCaption{
color:#ffffff;
font-size:15px;
font-weight:600;
text-align:center;
max-width:90vw;
display:none;
}

.galleryNote{
margin-top:20px;
font-size:13px;
color:#8890a0;
font-style:italic;
}

.logoDownloadGrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:20px;
margin-top:30px;
width:100%;
}

.logoDownloadItem{
background:rgba(255,255,255,.95);
border:1px solid rgba(255,255,255,.15);
border-radius:18px;
padding:20px;
display:flex;
flex-direction:column;
align-items:center;
gap:16px;
transition:.35s;
width:220px;
max-width:220px;
box-sizing:border-box;
}

.logoDownloadItem:hover{
transform:translateY(-6px);
box-shadow:0 20px 45px rgba(26,127,206,.3);
}

.logoDownloadItem img{
width:100%;
height:150px;
border-radius:10px;
object-fit:contain;
background:#f4f2ec;
}

.logoDownloadItem a{
padding:10px 20px;
font-size:14px;
color:#1a1530;
border:1px solid rgba(26,127,206,.35);
background:transparent;
}

.logoDownloadItem a:hover{
background:linear-gradient(135deg,#1a7fce,#5cc0f0);
color:white;
}

@media(max-width:700px){
.logoDownloadGrid{
grid-template-columns:1fr;
}
}

.logoDownloadScroller{
overflow:hidden;
margin-top:30px;
width:100%;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.logoDownloadTrack{
display:flex;
gap:20px;
width:max-content;
animation:logoDownloadScroll 34s linear infinite;
}

.logoDownloadScroller:hover .logoDownloadTrack{
animation-play-state:paused;
}

.logoDownloadTrack .logoDownloadItem{
flex:0 0 auto;
}

@keyframes logoDownloadScroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

.bg1{
position:fixed;
width:600px;
height:600px;
background:#1a7fce;
filter:blur(220px);
opacity:.20;
left:-150px;
top:-150px;
border-radius:50%;
pointer-events:none;
animation:float1 14s infinite alternate;
}

.bg2{
position:fixed;
width:700px;
height:700px;
background:#2563eb;
filter:blur(240px);
opacity:.15;
right:-250px;
bottom:-250px;
border-radius:50%;
pointer-events:none;
animation:float2 18s infinite alternate;
}

@keyframes float1{
from{
transform:translateY(0);
}
to{
transform:translateY(120px);
}
}

@keyframes float2{
from{
transform:translateX(0);
}
to{
transform:translateX(-150px);
}
}

.hidden{
opacity:0;
transform:translateY(60px);
transition:1s;
}
.show{
opacity:1;
transform:translateY(0);
}
nav.active{
display:flex;
position:fixed;
top:85px;
left:0;
width:100%;
background:#347391;
flex-direction:column;
padding:40px;
gap:30px;
text-align:center;
border-top:1px solid rgba(255,255,255,.08);
animation:menu .35s;
}
@keyframes menu{
from{
opacity:0;
transform:translateY(-30px);
}
to{
opacity:1;
transform:translateY(0);
}
}

footer{
padding:100px 0 0;
border-top:1px solid rgba(255,255,255,.08);
background:rgba(255,255,255,.02);
position:relative;
}

.footerGrid{
display:grid;
grid-template-columns:1.3fr 1fr 1fr;
gap:60px;
padding-bottom:60px;
}

.footerAbout .logo{
margin-bottom:20px;
}

.footerAbout p{
color:#b9c0cb;
line-height:1.8;
max-width:340px;
}

footer h3{
font-size:20px;
margin-bottom:22px;
font-family:"Space Grotesk";
}

.footerContact p{
color:#b9c0cb;
margin-bottom:14px;
display:flex;
align-items:center;
gap:10px;
}

.footerContact a{
color:#b9c0cb;
transition:.3s;
}

.footerContact a:hover{
color:var(--gold);
}

.socialIcons{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.socialIcons a{
height:46px;
padding:0 18px 0 14px;
border-radius:16px;
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.12);
display:flex;
align-items:center;
gap:9px;
font-size:14px;
font-weight:600;
white-space:nowrap;
transition:.35s;
color:#fff;
}

.socialIcons a svg{
width:20px;
height:20px;
display:block;
flex-shrink:0;
}

.socialIcons a span.socialEmoji{
font-size:18px;
line-height:1;
}

.material-symbols-outlined{
font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24;
font-size:24px;
line-height:1;
}

.socialIcons a:hover{
background:linear-gradient(135deg,#1a7fce,#5cc0f0);
transform:translateY(-5px);
box-shadow:0 15px 30px rgba(26,127,206,.4);
}

.footerLegal{
padding:36px 0;
border-top:1px solid rgba(255,255,255,.08);
}

.footerLegal h3{
font-size:16px;
margin-bottom:20px;
color:#9aa1ad;
font-family:"Space Grotesk";
}

.footerLegalGrid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px 40px;
}

.footerLegalGrid p{
font-size:13px;
color:#9aa1ad;
line-height:1.6;
}

.footerLegalGrid strong{
color:#d6d8df;
font-weight:600;
}

.footerLegalGrid .toFill{
color:#f8c94a;
font-style:italic;
}

.footerLegalCards{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px;
}

.footerLegalCard{
display:flex;
gap:18px;
padding:24px;
background:rgba(255,255,255,.04);
border:1px solid rgba(92,192,240,.25);
border-radius:18px;
transition:.3s;
}

.footerLegalCard:hover{
border-color:#5cc0f0;
background:rgba(255,255,255,.06);
}

.footerLegalCardIcon{
font-size:28px;
flex-shrink:0;
width:52px;
height:52px;
display:flex;
align-items:center;
justify-content:center;
background:rgba(26,127,206,.2);
border-radius:14px;
}

.footerLegalCard h4{
font-size:15px;
color:#ffffff;
margin-bottom:10px;
font-family:"Space Grotesk";
}

.footerLegalCardMain{
font-size:14px;
color:#ffffff;
line-height:1.6;
margin-bottom:10px;
font-weight:500;
}

.footerLegalCardFacts{
display:flex;
flex-direction:column;
gap:5px;
font-size:13px;
color:#eef2f6;
margin-bottom:10px;
}

.footerLegalCardFacts strong{
color:#ffffff;
font-weight:700;
}

.footerLegalCardNote{
font-size:12.5px;
color:#dce6ee;
font-style:italic;
line-height:1.5;
}

@media(max-width:700px){
.footerLegalCards{
grid-template-columns:1fr;
}
}

@media(max-width:700px){
.footerLegalGrid{
grid-template-columns:1fr;
}
}

.footerBottom{
text-align:center;
padding:28px 0;
border-top:1px solid rgba(255,255,255,.08);
color:#8890a0;
font-size:14px;
}

@media(max-width:1100px){
.heroGrid{
grid-template-columns:1fr;
}
.grid{
grid-template-columns:repeat(2,1fr);
}
.galleryGrid{
grid-template-columns:repeat(2,1fr);
}
.sponsorGrid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:1400px){
nav{
display:none;
}
.menu{
display:block;
}
}

@media(max-width:700px){
.hero h1{
font-size:55px;
}
.grid{
grid-template-columns:1fr;
}
.stats{
flex-direction:column;
gap:25px;
}
.buttons{
flex-direction:column;
}
.pressBlock{
flex-direction:column;
padding:32px;
}
.pressBlock > div:not(.pressIcon){
width:100%;
min-width:0;
overflow-wrap:break-word;
word-break:break-word;
}
.galleryGrid{
grid-template-columns:1fr 1fr;
}
.footerGrid{
grid-template-columns:1fr;
gap:40px;
text-align:center;
}
.footerAbout p{
margin:0 auto;
}
.footerContact p{
justify-content:center;
}
.socialIcons{
justify-content:center;
}
}

.osobnostiWidget{
position:relative;
width:100%;
aspect-ratio:1408/768;
border-radius:35px;
overflow:hidden;
cursor:pointer;
box-shadow:0 30px 80px rgba(0,0,0,.55);
border:2px solid #e0293c;
transition:.3s;
}

.osobnostiWidget:hover{
transform:translateY(-4px);
box-shadow:0 34px 90px rgba(224,41,60,.4);
}

.osobnostiWidget img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:opacity .6s ease;
}

.osobnostiWidgetLabel{
position:absolute;
left:0;
right:0;
bottom:0;
padding:14px 20px;
background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0));
color:#fff;
font-weight:700;
font-family:"Space Grotesk";
font-size:15px;
}

@media(max-width:700px){
.osobnostiWidgetLabel{
font-size:13px;
padding:10px 14px;
}
}

/* ============ MODERN REFRESH ============ */

::selection{
background:var(--gold);
color:#111;
}

:focus-visible{
outline:2px solid var(--gold);
outline-offset:3px;
}

::-webkit-scrollbar{
width:10px;
}
::-webkit-scrollbar-track{
background:rgba(255,255,255,.04);
}
::-webkit-scrollbar-thumb{
background:linear-gradient(180deg,#5cc0f0,#1a7fce);
border-radius:10px;
}

header{
transition:box-shadow .35s ease,background .35s ease;
}

header.scrolled{
box-shadow:0 12px 40px rgba(0,0,0,.35);
background:rgba(8,8,18,.7);
}

.cards h2{
background:linear-gradient(90deg,#ffffff 35%,#5cc0f0);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
letter-spacing:.2px;
}

.hero::before,
.hero::after{
content:"";
position:absolute;
border-radius:50%;
filter:blur(90px);
opacity:.55;
z-index:0;
pointer-events:none;
animation:floatBlob 14s ease-in-out infinite;
}

.hero::before{
width:420px;
height:420px;
background:radial-gradient(circle,rgba(92,192,240,.55),transparent 70%);
top:-120px;
right:8%;
}

.hero::after{
width:340px;
height:340px;
background:radial-gradient(circle,rgba(248,201,74,.35),transparent 70%);
bottom:-80px;
left:2%;
animation-delay:-7s;
}

@keyframes floatBlob{
0%,100%{transform:translate(0,0) scale(1);}
50%{transform:translate(30px,-25px) scale(1.08);}
}

.heroGrid,.hero .tag,.hero h1,.hero p,.buttons,.stats{
position:relative;
z-index:1;
}

.reveal{
opacity:0;
transform:translateY(28px);
transition:opacity .7s ease,transform .7s ease;
}

.reveal.revealed{
opacity:1;
transform:translateY(0);
}

.teamCard,.coachCard,.footerLegalCard,.pressBlock{
position:relative;
overflow:hidden;
}

.teamCard::before,.coachCard::before,.footerLegalCard::before,.pressBlock::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(90deg,var(--gold),var(--primary2));
transform:scaleX(0);
transform-origin:left;
transition:transform .45s ease;
}

.teamCard:hover::before,.coachCard:hover::before,.footerLegalCard:hover::before,.pressBlock:hover::before{
transform:scaleX(1);
}

.teamCard,.coachCard{
transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}

.teamCard:hover,.coachCard:hover{
transform:translateY(-6px);
box-shadow:0 24px 55px rgba(26,127,206,.3);
}

.galleryItem{
border-radius:18px;
overflow:hidden;
}

.galleryItem img{
transition:transform .5s ease,filter .5s ease;
}

.galleryItem img:hover{
filter:brightness(1.05) saturate(1.1);
}

.btn,.ghost{
position:relative;
overflow:hidden;
}

.btn::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);
transform:translateX(-120%);
transition:transform .6s ease;
}

.btn:hover::after{
transform:translateX(120%);
}

@media(prefers-reduced-motion:reduce){
.hero::before,.hero::after{animation:none;}
.reveal{transition:none;opacity:1;transform:none;}
}


/* ============ BILLING / FAKTURAČNÍ MODAL — REDESIGN ============ */

.billingTeaser{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
flex-wrap:wrap;
margin-top:50px;
padding:28px 32px;
border-radius:22px;
background:rgba(255,255,255,.045);
border:1px solid rgba(255,255,255,.1);
}

.billingTeaserText h4{
font-family:"Space Grotesk";
font-size:18px;
color:#fff;
margin-bottom:6px;
}

.billingTeaserText p{
font-size:14px;
color:#9aa1ad;
max-width:520px;
}

.billingRows{
display:flex;
flex-direction:column;
gap:12px;
margin:28px 0 20px;
}

.billingRow{
display:flex;
align-items:center;
gap:16px;
padding:16px 18px;
border-radius:16px;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
transition:.3s;
}

.billingRow:hover{
background:rgba(255,255,255,.07);
border-color:rgba(92,192,240,.4);
}

.billingRowIcon{
width:42px;
height:42px;
flex-shrink:0;
border-radius:12px;
background:linear-gradient(135deg,rgba(26,127,206,.35),rgba(92,192,240,.25));
display:flex;
align-items:center;
justify-content:center;
font-size:19px;
}

.billingRowText{
flex:1;
min-width:0;
display:flex;
flex-direction:column;
gap:3px;
}

.billingRowLabel{
font-size:11.5px;
font-weight:700;
letter-spacing:.8px;
text-transform:uppercase;
color:var(--gold);
}

.billingRowValue{
font-family:"JetBrains Mono","SFMono-Regular",Menlo,Consolas,monospace;
font-size:14.5px;
color:#fff;
word-break:break-all;
}

.billingCopyBtn{
flex-shrink:0;
padding:9px 16px;
font-size:12.5px;
font-weight:700;
color:#0a1622;
background:linear-gradient(135deg,var(--gold),#ffdd8a);
border:none;
border-radius:12px;
cursor:pointer;
transition:.25s;
white-space:nowrap;
}

.billingCopyBtn:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(248,201,74,.4);
}

.billingCopyBtn.copied{
background:linear-gradient(135deg,#7ee0a8,#4fc98a);
}

.billingFootnote{
font-size:13px;
color:#dce6ee;
font-style:italic;
padding-top:16px;
border-top:1px dashed rgba(255,255,255,.15);
}

@media(max-width:640px){
.billingRow{
flex-wrap:wrap;
}
.billingCopyBtn{
margin-left:58px;
}
.billingTeaser{
flex-direction:column;
align-items:flex-start;
}
}

header .ghost,
header .btn{
white-space:nowrap;
padding:14px 22px;
font-size:14.5px;
}

/* ============ MOBILE OVERFLOW & BILLING TEASER FIXES ============ */

a,p{
overflow-wrap:break-word;
word-break:break-word;
}

.billingTeaser{
flex-wrap:wrap;
}

.billingTeaser a.btn{
white-space:normal;
text-align:center;
}

@media(max-width:700px){
.billingTeaser{
flex-direction:column;
align-items:stretch;
padding:24px 22px;
margin-top:36px;
gap:16px;
}
.billingTeaserText p{
font-size:13.5px;
}
.billingTeaser a.btn{
width:100%;
padding:14px 20px;
font-size:14.5px;
}
}

/* ============ REGISTRAČNÍ FORMULÁŘ (Formspree) ============ */

.apexForm{
display:flex;
flex-direction:column;
gap:10px;
margin-top:12px;
}

.formSectionTitle{
font-family:"Space Grotesk";
font-size:16px;
color:#fff;
margin-top:26px;
margin-bottom:4px;
padding-top:20px;
border-top:1px solid rgba(255,255,255,.1);
}

.apexForm .formSectionTitle:first-of-type{
border-top:none;
padding-top:0;
margin-top:8px;
}

.formLabel{
font-size:13px;
font-weight:600;
color:#c7cdd6;
margin-top:6px;
}

.formInput{
width:100%;
padding:13px 16px;
border-radius:12px;
border:1px solid rgba(255,255,255,.15);
background:rgba(255,255,255,.05);
color:#fff;
font-family:Inter,sans-serif;
font-size:14.5px;
transition:.25s;
}

.formInput:focus{
outline:none;
border-color:#5cc0f0;
background:rgba(255,255,255,.08);
}

textarea.formInput{
resize:vertical;
min-height:60px;
}

.formCheckGroup{
display:flex;
flex-direction:column;
gap:10px;
margin:6px 0 4px;
}

.formCheckbox{
display:flex;
align-items:flex-start;
gap:10px;
font-size:14px;
color:#dce6ee;
line-height:1.5;
cursor:pointer;
padding:12px 14px;
border-radius:12px;
background:rgba(255,255,255,.035);
border:1px solid rgba(255,255,255,.08);
transition:.25s;
}

.formCheckbox:hover{
background:rgba(255,255,255,.07);
border-color:rgba(92,192,240,.35);
}

.formCheckbox input{
margin-top:3px;
width:17px;
height:17px;
accent-color:var(--gold);
flex-shrink:0;
cursor:pointer;
}

.formMinorToggle{
margin-top:4px;
background:rgba(248,201,74,.08);
border-color:rgba(248,201,74,.3);
}

.formGdpr{
margin-top:18px;
font-size:12.5px;
color:#b9c0cb;
background:rgba(255,255,255,.05);
}

.streetballGallery{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:12px;
margin:22px 0 6px;
}

.streetballGallery .galleryItem img{
width:100%;
aspect-ratio:3/4;
object-fit:cover;
border-radius:14px;
}

@media(max-width:900px){
.streetballGallery{
grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:500px){
.streetballGallery{
grid-template-columns:repeat(2,1fr);
}
}

.streetballScroller{
overflow:hidden;
margin:22px 0 6px;
border-radius:18px;
width:100%;
max-width:100%;
min-width:0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.streetballTrack{
display:flex;
gap:12px;
width:max-content;
animation:streetballScroll 28s linear infinite;
}

.streetballScroller:hover .streetballTrack{
animation-play-state:paused;
}

.streetballTrack .galleryItem{
flex:0 0 auto;
width:180px;
}

.streetballTrack .galleryItem img{
width:100%;
height:220px;
object-fit:cover;
border-radius:14px;
display:block;
}

@keyframes streetballScroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

@media(max-width:600px){
.streetballTrack .galleryItem{
width:130px;
}
.streetballTrack .galleryItem img{
height:160px;
}
}

.rozhodciScroller{
overflow:hidden;
margin:0;
border-radius:18px;
width:100%;
max-width:100%;
min-width:0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.rozhodciTrack{
display:flex;
gap:16px;
width:200%;
animation:streetballScroll 22s linear infinite;
}

.rozhodciScroller:hover .rozhodciTrack{
animation-play-state:paused;
}

.rozhodciTrack .galleryItem{
flex:0 0 calc(12.5% - 14px);
min-width:0;
}

.rozhodciTrack .galleryItem img{
width:100%;
height:230px;
object-fit:cover;
border-radius:14px;
display:block;
}

@media(max-width:900px){
.rozhodciTrack .galleryItem{
flex:0 0 calc(16.6667% - 13px);
}
.rozhodciTrack .galleryItem img{
height:190px;
}
}

@media(max-width:600px){
.rozhodciTrack .galleryItem{
flex:0 0 calc(25% - 12px);
}
.rozhodciTrack .galleryItem img{
height:160px;
}
}

@media(max-width:420px){
.rozhodciTrack .galleryItem{
flex:0 0 calc(41.6667% - 10px);
}
.rozhodciTrack .galleryItem img{
height:140px;
}
}

.esportTrack .galleryItem{
flex:0 0 auto;
width:300px;
}

.esportTrack .galleryItem img{
width:100%;
height:190px;
object-fit:cover;
object-position:center 30%;
border-radius:14px;
display:block;
}

@media(max-width:600px){
.esportTrack .galleryItem{
width:220px;
}
.esportTrack .galleryItem img{
height:140px;
}
}

.esportModalGrid .galleryItem img{
width:100%;
aspect-ratio:16/10;
object-fit:cover;
object-position:center 30%;
border-radius:14px;
}

.streetballSlideshow{
position:relative;
width:100%;
max-width:420px;
aspect-ratio:4/3;
border-radius:18px;
overflow:hidden;
margin:22px 0 6px;
background:rgba(255,255,255,.05);
border:2px solid #e0293c;
box-shadow:0 30px 80px rgba(0,0,0,.55);
}

.streetballSlideshow img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
opacity:0;
animation:streetballFade 18s infinite;
}

@keyframes streetballFade{
0%{opacity:0;}
3%{opacity:1;}
14%{opacity:1;}
19%{opacity:0;}
100%{opacity:0;}
}

@media(max-width:600px){
.streetballSlideshow{
max-width:100%;
}
}

@media(max-width:600px){
.modalContactItem{
flex-wrap:wrap;
row-gap:8px;
padding:14px 16px;
}
.modalContactItem span[style*="margin-left:auto"]{
margin-left:0 !important;
width:100%;
}
.modalContactItem span[style*="margin-left:8px"]{
margin-left:0 !important;
}
}

@media(max-width:1100px){
}

@media(max-width:700px){
}

.pressGalleryGrid{
grid-template-columns:repeat(3,1fr);
}

@media(max-width:1100px){
.pressGalleryGrid{
grid-template-columns:repeat(3,1fr) !important;
}
.pressGalleryGrid .galleryItem:nth-child(n+10){
display:none;
}
}

@media(max-width:700px){
.pressGalleryGrid{
grid-template-columns:repeat(2,1fr) !important;
}
.pressGalleryGrid .galleryItem:nth-child(n+5){
display:none;
}
}

#basketWidget{
border:none;
}

#atletikaWidget{
border:none;
}

.captainsDivider{
display:flex;
align-items:center;
gap:20px;
margin:60px 0 30px;
}

.captainsDivider h3{
margin:0;
font-size:32px;
white-space:nowrap;
font-family:"Space Grotesk";
}

.lightsLine{
flex:1;
display:flex;
align-items:center;
justify-content:space-evenly;
gap:6px;
height:2px;
background:linear-gradient(90deg,transparent,rgba(248,201,74,.5),transparent);
position:relative;
}

.lightsLine .light{
width:9px;
height:9px;
border-radius:50%;
background:var(--gold);
box-shadow:0 0 6px 2px rgba(248,201,74,.6);
animation:twinkle 1.8s ease-in-out infinite;
}

.lightsLine .light:nth-child(2n){
background:#5cc0f0;
box-shadow:0 0 6px 2px rgba(92,192,240,.6);
}

.lightsLine .light:nth-child(3n){
background:#7ee0a8;
box-shadow:0 0 6px 2px rgba(126,224,168,.6);
}

@keyframes twinkle{
0%,100%{opacity:.25;transform:scale(.7);}
50%{opacity:1;transform:scale(1.15);}
}

@media(max-width:700px){
.captainsDivider h3{
font-size:24px;
}
.lightsLine .light{
width:7px;
height:7px;
}
}

/* Center-align informational text blocks across the site */
.pressBlock h3,
.pressBlock p,
.pressBlock ul li{
text-align:center;
}

.financeBannerBtn{
display:inline-block;
background:linear-gradient(135deg,#e0293c,#a3172a);
color:#fff;
font-weight:700;
font-size:18px;
padding:16px 32px;
border-radius:16px;
text-decoration:none;
text-align:center;
box-shadow:0 12px 30px rgba(224,41,60,.4);
transition:.2s;
}

.financeBannerBtn:hover{
transform:translateY(-2px);
box-shadow:0 16px 36px rgba(224,41,60,.5);
}

@media(max-width:700px){
.financeBannerBtn{
font-size:14px;
padding:12px 20px;
width:100%;
}
}

/* ===== ZPRAVODAJSKÁ SEKCE ===== */
.newsSection{
padding:60px 0 70px;
}

.newsSectionTitle{
text-align:center;
font-size:2rem;
font-weight:800;
color:#fff;
margin-bottom:36px;
letter-spacing:.5px;
}

.newsScroller{
overflow:hidden;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
}

.newsTrack{
display:flex;
gap:20px;
width:max-content;
animation:newsScroll 30s linear infinite;
}

.newsScroller:hover .newsTrack{
animation-play-state:paused;
}

@keyframes newsScroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

.newsSlide{
flex:0 0 auto;
width:280px;
background:var(--glass);
border:1px solid var(--border);
border-radius:20px;
overflow:hidden;
backdrop-filter:blur(6px);
transition:transform .2s,box-shadow .2s;
cursor:default;
display:flex;
flex-direction:column;
}

.newsSlide:hover{
transform:translateY(-4px);
box-shadow:0 16px 40px rgba(0,0,0,.35);
}

.newsSlide img{
width:100%;
height:200px;
object-fit:cover;
display:block;
flex:0 0 auto;
}

.newsSlideBody{
padding:18px 20px;
display:flex;
flex-direction:column;
gap:8px;
flex:1;
}

.newsTag{
display:inline-block;
background:linear-gradient(135deg,var(--primary),var(--primary2));
color:#fff;
font-size:11px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.8px;
padding:3px 10px;
border-radius:20px;
width:fit-content;
}

.newsSlideBody h3{
font-size:.95rem;
font-weight:700;
color:#fff;
line-height:1.4;
margin:0;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
}

.newsSlideBody p{
font-size:.82rem;
color:var(--text);
line-height:1.55;
margin:0;
display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;
}

.newsDate{
font-size:.72rem;
color:var(--gold);
font-weight:600;
margin-top:auto;
}

@media(max-width:600px){
.newsSlide{
width:230px;
}
.newsSlide img{
height:160px;
}
.newsSectionTitle{
font-size:1.5rem;
}
}

/* news karta jako odkaz */
a.newsSlide.newsSlideLink{
text-decoration:none;
color:inherit;
display:flex;
flex-direction:column;
position:relative;
cursor:pointer;
}

a.newsSlide.newsSlideLink:hover{
transform:translateY(-4px);
box-shadow:0 16px 40px rgba(224,41,60,.4);
border-color:rgba(224,41,60,.5);
}

.newsSlideYtBadge{
position:absolute;
top:12px;
right:12px;
background:#ff0000;
color:#fff;
font-size:11px;
font-weight:700;
padding:4px 10px;
border-radius:20px;
z-index:2;
letter-spacing:.5px;
box-shadow:0 2px 8px rgba(0,0,0,.4);
}

/* zvýrazněná / featured novinka */
.newsSlide.newsSlideFeatured{
width:320px;
border:2px solid var(--gold);
background:linear-gradient(180deg,rgba(248,201,74,.14),var(--glass) 40%);
box-shadow:0 0 0 4px rgba(248,201,74,.12),0 16px 40px rgba(248,201,74,.25);
position:relative;
}

.newsSlide.newsSlideFeatured:hover{
transform:translateY(-6px) scale(1.02);
box-shadow:0 0 0 4px rgba(248,201,74,.18),0 22px 50px rgba(248,201,74,.4);
}

.newsSlideFeaturedRibbon{
position:absolute;
top:12px;
right:12px;
background:linear-gradient(135deg,#ffdb7a,var(--gold));
color:#1a1508;
font-size:11px;
font-weight:800;
padding:4px 11px;
border-radius:999px;
z-index:2;
letter-spacing:.4px;
box-shadow:0 3px 10px rgba(248,201,74,.4);
}

.newsSlideFeatured .newsTag{
background:linear-gradient(135deg,#ffdb7a,var(--gold));
color:#1a1508;
}

.newsSlidePressLink{
display:inline-flex;
align-items:center;
gap:5px;
font-size:12px;
font-weight:700;
color:var(--gold);
text-decoration:none;
border-bottom:1px dashed rgba(248,201,74,.5);
width:fit-content;
}

.newsSlidePressLink:hover{
color:#ffdb7a;
border-bottom-color:#ffdb7a;
}

@media(max-width:600px){
.newsSlide.newsSlideFeatured{width:260px;}
}

/* =========================
   ROZVRH TRÉNINKŮ — schedule cards
   ========================= */
.scheduleGrid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:16px;
margin:18px 0;
}

.scheduleCard{
display:grid;
grid-template-columns:46px 1fr;
column-gap:16px;
row-gap:10px;
padding:18px 20px;
background:linear-gradient(135deg,rgba(248,201,74,.10),rgba(255,255,255,.04));
border:1px solid rgba(248,201,74,.28);
border-radius:20px;
transition:.3s;
}

.scheduleCard:hover{
transform:translateY(-4px);
border-color:rgba(248,201,74,.6);
box-shadow:0 16px 40px rgba(248,201,74,.18);
}

.scheduleIcon{
grid-column:1;
grid-row:1 / span 2;
align-self:start;
width:46px;
height:46px;
border-radius:14px;
background:rgba(248,201,74,.18);
display:flex;
align-items:center;
justify-content:center;
font-size:21px;
}

.scheduleInfo{
grid-column:2;
grid-row:1;
min-width:0;
}

.scheduleInfo .scheduleTitle{
font-weight:700;
font-size:15.5px;
color:var(--white);
display:block;
word-break:break-word;
}

.scheduleTime{
grid-column:2;
grid-row:2;
justify-self:start;
font-size:13px;
font-weight:700;
color:#1a1508;
background:linear-gradient(135deg,#ffdb7a,var(--gold));
padding:6px 14px;
border-radius:999px;
white-space:nowrap;
box-shadow:0 4px 14px rgba(248,201,74,.35);
}

.scheduleMeta{
text-align:center;
font-size:14px;
color:var(--text);
opacity:.9;
padding:14px 20px;
background:rgba(255,255,255,.04);
border:1px dashed rgba(255,255,255,.18);
border-radius:16px;
margin-top:4px;
}

.scheduleGroupTitle{
font-size:17px;
margin:30px 0 14px;
display:flex;
flex-wrap:wrap;
align-items:center;
gap:8px;
color:var(--gold);
}

/* inline badge u kroužků v seznamu (Basketball U17 apod.) */
.inlineSchedule{
display:inline-flex;
align-items:center;
gap:5px;
font-size:12.5px;
font-weight:700;
color:#1a1508;
background:linear-gradient(135deg,#ffdb7a,var(--gold));
padding:4px 11px;
border-radius:999px;
margin-left:8px;
white-space:nowrap;
box-shadow:0 3px 10px rgba(248,201,74,.3);
}

/* =========================
   GAMEDAY — SCHEDULES & RESULTS
   ========================= */
:root{
--gd-muted:#8890a0;
--gd-text2:#bfc6d1;
--gd-green:#6fd18a;
}

.gd-sub{
text-align:center;
color:var(--gd-muted);
font-size:15px;
margin-top:-46px;
margin-bottom:44px;
}

.gd-card{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:28px;
overflow:hidden;
backdrop-filter:blur(18px);
transition:.35s;
margin-bottom:30px;
}

.gd-card:hover{
border-color:#5cc0f0;
box-shadow:0 20px 50px rgba(26,127,206,.25);
}

.gd-top{
padding:26px 32px 18px;
border-bottom:1px solid rgba(255,255,255,.1);
}

.gd-meta{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin-bottom:14px;
}

.gd-pill{
font-size:12px;
font-weight:600;
padding:5px 12px;
border-radius:999px;
border:1px solid rgba(255,255,255,.12);
color:var(--gd-text2);
}

/* horizontální posuvník karet — jako v basketbalových appkách, běží automaticky dokola */
.gd-scroller{
overflow-x:hidden;
overflow-y:visible;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);
padding-bottom:14px;
margin-bottom:6px;
}

.gd-scroller-track{
display:flex;
gap:18px;
width:max-content;
animation:gdScroll 46s linear infinite;
}

.gd-scroller:hover .gd-scroller-track{
animation-play-state:paused;
}

@keyframes gdScroll{
0%{transform:translateX(0);}
100%{transform:translateX(-50%);}
}

/* rozbalovací obsah karet po kliknutí */
.gd-collapsible{
max-height:150px;
overflow:hidden;
position:relative;
transition:max-height .45s ease;
}

.gd-collapsible::after{
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:0;
pointer-events:none;
}

.gd-collapsible.expanded{
max-height:2400px;
}

.gd-collapsible.expanded::after{
opacity:0;
}

.gd-expand-btn{
display:flex;
align-items:center;
justify-content:center;
gap:6px;
width:100%;
margin-top:10px;
padding:9px;
font-size:13px;
font-weight:700;
color:var(--gold);
background:rgba(248,201,74,.08);
border:1px solid rgba(248,201,74,.3);
border-radius:10px;
cursor:pointer;
transition:.25s;
}

.gd-expand-btn:hover{
background:rgba(248,201,74,.16);
}

.gd-expand-arrow{
display:inline-block;
transition:transform .3s ease;
font-size:12px;
}

.gd-expand-btn.expanded .gd-expand-arrow{
transform:rotate(180deg);
}

.gd-card-compact{
flex:0 0 340px;
width:340px;
margin-bottom:0 !important;
}

.gd-card-compact .gd-top{padding:18px 20px 14px;}
.gd-card-compact .gd-title{font-size:14px;}
.gd-card-compact .gd-pill{font-size:11px;padding:4px 10px;}
.gd-card-compact .gd-pill-friendly{font-size:13px;padding:5px 13px;}
.gd-card-compact .gd-body{padding:18px 20px 22px;}
.gd-card-compact .gd-narrative{font-size:13px;line-height:1.65;}
.gd-card-compact .gd-score-row{padding:20px 20px;gap:14px;}
.gd-card-compact .gd-score{font-size:28px;}
.gd-card-compact .gd-team-badge{width:38px;height:38px;font-size:16px;}
.gd-card-compact .gd-team-name{font-size:12px;}
.gd-card-compact .gd-stat-grid{padding:14px 20px 0;}
.gd-card-compact .gd-stat-val{font-size:17px;}
.gd-card-compact .gd-tabs-wrap{padding:16px 20px 0;}
.gd-card-compact .gd-media{padding:18px 20px 0;}
.gd-card-compact .gd-links{margin-top:12px;}
.gd-card-compact .gd-link{font-size:12px;padding:7px 12px;}

@media(max-width:640px){
.gd-card-compact{flex-basis:280px;width:280px;}
}

.gd-pill-info{
background:rgba(92,192,240,.15);
color:#5cc0f0;
border-color:rgba(92,192,240,.4);
font-weight:700;
}

.gd-pill-enroll{
background:rgba(92,192,240,.18);
color:#07222f;
border-color:rgba(92,192,240,.6);
font-weight:800;
background-color:#5cc0f0;
box-shadow:0 3px 10px rgba(92,192,240,.35);
}

.gd-pill-achievement{
background:rgba(248,201,74,.18);
color:#1a1508;
border-color:rgba(248,201,74,.6);
font-weight:800;
background-color:var(--gold);
box-shadow:0 3px 10px rgba(248,201,74,.35);
}

.gd-card-featured{
border-color:rgba(248,201,74,.5);
box-shadow:0 0 0 3px rgba(248,201,74,.12),0 20px 50px rgba(248,201,74,.2);
}

.gd-flag{
font-size:12px;
color:var(--gd-muted);
}

.gd-pill-friendly{
background:rgba(111,209,138,.18);
color:#0d1a11;
border-color:rgba(111,209,138,.6);
font-weight:800;
letter-spacing:.2px;
background-color:var(--gd-green);
box-shadow:0 3px 10px rgba(111,209,138,.3);
font-size:30px;
padding:12px 30px;
}

.gd-pill-nrl{
background:rgba(100,160,255,.18);
color:#0a1428;
border-color:rgba(100,160,255,.6);
font-weight:800;
letter-spacing:.2px;
background-color:#4a90e2;
box-shadow:0 3px 10px rgba(100,160,255,.3);
font-size:30px;
padding:12px 30px;
}

.gd-title{
font-size:18px;
font-weight:700;
color:#fff;
}

.gd-score-row{
display:flex;
align-items:center;
justify-content:center;
gap:24px;
padding:30px 32px;
border-bottom:1px solid rgba(255,255,255,.1);
flex-wrap:wrap;
}

.gd-team{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
flex:1;
min-width:110px;
}

.gd-team-badge{
width:52px;
height:52px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
border:1px solid rgba(255,255,255,.12);
}

.gd-team-badge.away{
background:rgba(26,127,206,.15);
}

.gd-team-badge.home{
background:rgba(255,255,255,.05);
}

.gd-team-name{
font-size:14px;
font-weight:700;
color:#fff;
text-align:center;
line-height:1.35;
}

.gd-team-label{
font-size:11px;
color:var(--gd-muted);
text-transform:uppercase;
letter-spacing:.5px;
}

.gd-vs{
display:flex;
flex-direction:column;
align-items:center;
gap:6px;
}

.gd-score{
font-size:40px;
font-weight:800;
font-family:"Space Grotesk";
letter-spacing:-1px;
}

.gd-score-label{
font-size:11px;
color:var(--gd-muted);
text-transform:uppercase;
letter-spacing:.5px;
}

.gd-winner{
color:var(--gold);
}

.gd-loser{
color:var(--gd-text2);
}

.gd-stat-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
padding:20px 32px 0;
}

.gd-stat{
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.08);
border-radius:14px;
padding:12px;
text-align:center;
}

.gd-stat-val{
font-size:22px;
font-weight:800;
font-family:"Space Grotesk";
}

.gd-stat-key{
font-size:11px;
color:var(--gd-muted);
margin-top:2px;
}

.gd-stat-home .gd-stat-val{color:var(--gd-text2);}
.gd-stat-score .gd-stat-val{color:var(--gold);}
.gd-stat-away .gd-stat-val{color:#5cc0f0;}

.gd-tabs-wrap{
padding:22px 32px 0;
}

.gd-tabs{
display:flex;
gap:6px;
border-bottom:1px solid rgba(255,255,255,.1);
}

.gd-tab{
font-size:14px;
font-weight:600;
padding:10px 14px;
border:none;
background:none;
color:var(--gd-muted);
cursor:pointer;
border-bottom:2px solid transparent;
margin-bottom:-1px;
transition:.25s;
}

.gd-tab:hover{
color:#fff;
}

.gd-tab.active{
color:var(--gold);
border-bottom-color:var(--gold);
}

.gd-body{
padding:24px 32px 30px;
}

.gd-panel{
display:none;
}

.gd-panel.active{
display:block;
}

.gd-narrative{
font-size:15px;
color:var(--gd-text2);
line-height:1.85;
text-align:justify;
}

.gd-narrative + .gd-narrative{
margin-top:14px;
}

.gd-narrative-muted{
color:var(--gd-muted);
font-style:italic;
}

.gd-photos{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.gd-photo{
border-radius:14px;
overflow:hidden;
aspect-ratio:4/3;
background:rgba(255,255,255,.04);
border:1px solid rgba(255,255,255,.1);
}

.gd-photo img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:.35s;
}

.gd-photo img:hover{
transform:scale(1.05);
}

.gd-links{
display:flex;
gap:10px;
flex-wrap:wrap;
}

.gd-link{
display:inline-flex;
align-items:center;
gap:6px;
font-size:14px;
color:#5cc0f0;
border:1px solid rgba(92,192,240,.35);
border-radius:12px;
padding:9px 15px;
text-decoration:none;
background:rgba(92,192,240,.08);
transition:.25s;
}

.gd-link:hover{
background:rgba(92,192,240,.18);
color:#fff;
}

.gd-upcoming{
margin-top:6px;
}

.gd-section-label{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.6px;
color:var(--gd-muted);
margin-bottom:12px;
}

.gd-upcoming-card{
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.1);
border-radius:18px;
padding:18px 22px;
display:flex;
align-items:center;
gap:16px;
flex-wrap:wrap;
}

.gd-upcoming-icon{
font-size:24px;
flex-shrink:0;
}

.gd-upcoming-info{
flex:1;
min-width:200px;
}

.gd-upcoming-title{
font-size:14px;
font-weight:700;
color:#fff;
}

.gd-upcoming-meta{
font-size:13px;
color:var(--gd-muted);
margin-top:3px;
}

.gd-upcoming-tag{
font-size:12px;
font-weight:600;
background:rgba(248,201,74,.15);
color:var(--gold);
border:1px solid rgba(248,201,74,.35);
border-radius:999px;
padding:4px 12px;
white-space:nowrap;
}

@media(max-width:640px){
.gd-top,.gd-score-row,.gd-stat-grid,.gd-tabs-wrap,.gd-body{padding-left:20px;padding-right:20px;}
.gd-score{font-size:32px;}
}