:root{--bg:#05070b;--panel:#0b1119;--panel2:#101924;--blue:#0878e8;--cyan:#24a7ff;--white:#f7f9fc;--muted:#a7b0bd;--line:rgba(255,255,255,.09);--gold:#ffd21c;--max:1180px}
*{box-sizing:border-box;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0,rgba(8,120,232,.14),transparent 32%),var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 30px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:20;background:rgba(5,7,11,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.brand img{width:46px;height:46px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:18px;font-size:14px}.navlinks a:hover{color:var(--cyan)}.navlinks .active{color:var(--cyan)}.cta{background:var(--blue);padding:11px 16px;border-radius:999px;font-weight:900}.menu{display:none;background:var(--panel);color:#fff;border:1px solid var(--line);border-radius:11px;padding:9px 12px}
.hero{padding:80px 0 55px}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.eyebrow{color:#79c4ff;font-size:12px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.hero h1{font-size:clamp(45px,7vw,82px);line-height:.92;letter-spacing:-4px;margin:15px 0 20px}.hero h1 span{color:var(--cyan)}.lead{font-size:18px;line-height:1.65;color:var(--muted);max-width:670px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;font-weight:900;border:1px solid var(--line)}.btn.primary{background:var(--blue);border-color:var(--blue)}.btn.secondary{background:rgba(255,255,255,.04)}.hero-photo{background:#0c121b;border:1px solid var(--line);padding:10px;border-radius:25px}.hero-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:17px}
.section{padding:70px 0}.head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.head h2{font-size:35px;letter-spacing:-1.5px;margin:0}.head p{color:var(--muted);max-width:620px;line-height:1.55;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));border:1px solid var(--line);border-radius:21px;padding:22px}.card h3{margin:0 0 9px}.card p{margin:0;color:var(--muted);line-height:1.6}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.stat b{display:block;font-size:34px}.stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px}
.match{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;text-align:center}.team img{width:80px;height:80px;object-fit:contain;margin:0 auto 10px}.team strong{display:block}.vs{font-weight:950;color:#778494}.meta{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;color:#cbd4df;margin-top:20px;padding-top:18px;border-top:1px solid var(--line);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:20px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:14px}th{color:#8793a3;text-transform:uppercase;font-size:11px;letter-spacing:1px}.highlight{background:rgba(8,120,232,.14)}
.results{display:grid;gap:8px}.result{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.home{text-align:right}.away{text-align:left}.score{text-align:center;font-weight:950}.win .score{color:#35d07f}.loss .score{color:#ff5c68}.draw .score{color:#ffd34f}
.roster{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.group{grid-column:1/-1;color:#79c4ff;text-transform:uppercase;letter-spacing:1.6px;font-size:12px;font-weight:900;margin:14px 0 -1px}.player{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.num{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),#064b92);font-weight:950}.player small{display:block;color:#7e8997;margin-top:4px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery img{width:100%;height:280px;object-fit:cover;border-radius:16px;border:1px solid var(--line)}.gallery img:first-child{grid-column:span 2;grid-row:span 2;height:570px}
.clubgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.clubbox{background:linear-gradient(145deg,#0c1725,#090d13);border:1px solid var(--line);border-radius:24px;padding:30px}.clublogo{width:150px;margin-bottom:18px}.clubbox p{color:var(--muted);line-height:1.75}.notice{border:1px solid rgba(255,210,28,.2);background:rgba(255,210,28,.06);padding:18px;border-radius:16px;color:#e6dfc0}
.contact{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact a,.contact div{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.contact span{display:block;color:#7e8998;font-size:11px;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}
.pagehero{padding:65px 0 30px}.pagehero h1{font-size:54px;letter-spacing:-2px;margin:10px 0}.pagehero p{color:var(--muted);max-width:700px;line-height:1.6}
.back{color:#7fcaff;font-size:13px;font-weight:800}.empty{padding:35px;text-align:center;border:1px dashed var(--line);border-radius:20px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:32px 0;color:#7d8896;font-size:13px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.hero-grid,.split,.clubgrid{grid-template-columns:1fr}.cards,.roster{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:auto;grid-row:auto;height:280px}.contact{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.container{width:min(calc(100% - 22px),var(--max))}.hero{padding-top:50px}.hero h1{letter-spacing:-2px}.cards,.roster,.gallery,.statgrid{grid-template-columns:1fr}.section{padding:55px 0}.head{display:block}.head h2{margin-bottom:8px}.match{gap:8px}.team img{width:60px;height:60px}.pagehero h1{font-size:42px}}

/* V3 refinements */
:root{--cyan:#32b7ff;--line:rgba(255,255,255,.11)}
.hero{min-height:680px}.feature{position:relative;overflow:hidden;min-height:200px;transition:.2s}.feature:hover{transform:translateY(-4px);border-color:rgba(50,183,255,.4)}.feature:after{content:"→";position:absolute;right:20px;bottom:17px;color:var(--cyan);font-size:24px}.feature .icon{font-size:26px;margin-bottom:18px}
.roster{grid-template-columns:repeat(3,1fr)}.player{overflow:hidden;min-height:365px;background:linear-gradient(145deg,#0e1722,#080c12)}.player-photo{height:240px;background:#080d14;overflow:hidden}.player-photo img{width:100%;height:100%;object-fit:cover;object-position:center 25%;transition:.4s}.player:hover .player-photo img{transform:scale(1.04)}.player-info{display:flex;align-items:center;gap:13px;padding:17px}.player-info .num{width:49px;height:49px;flex:none}.player-info small{display:block;color:#7f8b9a;margin-top:5px}
.timeline{position:relative}.timeline:before{content:"";position:absolute;left:18px;top:5px;bottom:10px;width:1px;background:linear-gradient(#0878e8,transparent)}.event{position:relative;padding-left:55px;padding-bottom:28px}.dot{position:absolute;left:10px;top:4px;width:17px;height:17px;border-radius:50%;background:#0878e8;box-shadow:0 0 0 5px rgba(8,120,232,.15)}.year{font-size:11px;color:#7fcaff;font-weight:950;letter-spacing:1.5px}.event h3{margin:6px 0}.event p{color:var(--muted);line-height:1.65}
.gallery{grid-template-columns:repeat(4,1fr)}.gallery figure{margin:0;height:300px;overflow:hidden;border-radius:16px;border:1px solid var(--line)}.gallery figure img{width:100%;height:100%;object-fit:cover;transition:.4s}.gallery figure:hover img{transform:scale(1.04)}.gallery figure:first-child{grid-column:span 2;grid-row:span 2;height:610px}
@media(max-width:950px){.roster{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.roster,.gallery{grid-template-columns:1fr}.gallery figure:first-child{grid-column:auto;grid-row:auto;height:300px}}