:root{
  --navy:#061d45; --navy2:#0b326d; --red:#e3182d; --white:#fff;
  --ink:#0b1b38; --muted:#64748b; --panel:#f6f8fb; --line:#dbe2ec;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#eef2f7}
a{color:inherit}
img{max-width:100%}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#041b42,#07336c);color:#fff;box-shadow:0 4px 18px #0003}
.header-inner{width:min(1180px,94vw);margin:auto;min-height:78px;display:flex;align-items:center;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;min-width:max-content}
.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:10px}
.brand strong{font-size:1.35rem;letter-spacing:.04em}
.brand small{display:block;letter-spacing:.22em;margin-top:4px;color:#dbe7ff}
.nav{margin-left:auto;display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.nav a{padding:10px 11px;border-radius:9px;text-decoration:none;font-weight:900;font-size:.82rem;text-transform:uppercase}
.nav a:hover,.nav a.active{background:var(--red);color:#fff}
.menu-btn{display:none;margin-left:auto;border:0;background:var(--red);color:#fff;border-radius:9px;padding:10px 12px;font-weight:900}
.hero{min-height:420px;display:grid;place-items:center;color:#fff;text-align:center;position:relative;overflow:hidden;background:
linear-gradient(90deg,rgba(2,14,38,.88),rgba(4,34,75,.62),rgba(120,0,18,.48)),
radial-gradient(circle at 70% 30%,#124d8b 0,transparent 34%),
linear-gradient(135deg,#04142e,#092b5e 60%,#4c0715)}
.hero:after{content:"";position:absolute;inset:auto -10% -75px;height:150px;background:var(--red);transform:rotate(-3deg);opacity:.92}
.hero-inner{position:relative;z-index:2;width:min(1100px,92vw);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:20px;text-align:left}
.hero h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.82;margin:0;text-transform:uppercase}
.hero h1 span{color:var(--red)}
.hero .tagline{font-size:clamp(1.4rem,4vw,3.2rem);font-weight:1000;font-style:italic;margin:18px 0 8px;text-transform:uppercase}
.hero-logo{width:min(330px,70vw);justify-self:center;filter:drop-shadow(0 18px 20px #0008)}
.wrap{width:min(1180px,94vw);margin:auto;padding:34px 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px #071a3412;overflow:hidden}
.card-head{padding:13px 16px;color:#fff;background:var(--navy);font-weight:1000;text-transform:uppercase;font-size:1.05rem}
.card-head.red{background:var(--red)}
.card-body{padding:18px}
.match-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:12px}
.team-logo{width:70px;height:70px;object-fit:contain}
.vs,.score{font-size:1.5rem;font-weight:1000}
.score{background:var(--navy);color:#fff;border-radius:10px;padding:10px}
.meta{display:grid;gap:8px;margin:16px 0;color:#334155;font-size:.92rem}
.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:var(--red);color:#fff;border-radius:9px;padding:11px 16px;font-weight:1000;text-transform:uppercase}
.btn.blue{background:var(--navy)}
.section-title{font-size:clamp(1.7rem,4vw,2.7rem);margin:0 0 18px;text-transform:uppercase;color:var(--navy)}
.quick{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:18px 0}
.quick a{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 8px;text-align:center;text-decoration:none;font-weight:1000;text-transform:uppercase}
.quick a span{display:block;font-size:1.7rem;margin-bottom:7px}
.table-wrap{overflow:auto;background:#fff;border-radius:16px;border:1px solid var(--line)}
table{width:100%;border-collapse:collapse;min-width:720px}
th,td{padding:12px 10px;border-bottom:1px solid #e6ebf2;text-align:center}
th{background:var(--navy);color:#fff;text-transform:uppercase;font-size:.8rem}
td:nth-child(2),th:nth-child(2){text-align:left}
tr.highlight{background:#ffe7ea;font-weight:1000;color:#a40016}
.page-hero{background:linear-gradient(110deg,#061d45,#0b326d 70%,#c80f25);color:#fff;padding:55px 0 42px;text-align:center}
.page-hero h1{font-size:clamp(2.4rem,7vw,4.6rem);margin:0;text-transform:uppercase}
.page-hero p{margin:10px 0 0;color:#dce8fb;font-weight:700}
.list{display:grid;gap:14px}
.fixture{display:grid;grid-template-columns:120px 1fr auto;gap:15px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:15px}
.fixture .date{font-weight:1000;color:var(--red)}
.fixture .teams{font-weight:1000;font-size:1.05rem}
.fixture .result{font-weight:1000;font-size:1.2rem;background:var(--navy);color:#fff;padding:8px 12px;border-radius:9px}
.roster-grid,.staff-grid,.sponsor-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.person{background:#fff;border-radius:16px;overflow:hidden;border:1px solid var(--line)}
.person-photo{height:260px;background:linear-gradient(135deg,#0b326d,#061d45 60%,#b90e24);display:grid;place-items:center;color:#fff;font-size:5rem;font-weight:1000}
.person-body{padding:15px}
.person-number{color:var(--red);font-weight:1000;font-size:1.4rem}
.person h3{margin:5px 0}
.role{color:var(--muted);font-weight:800;text-transform:uppercase;font-size:.8rem}
.sponsor{min-height:160px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;padding:20px;text-align:center;font-weight:1000;color:var(--navy)}
.gallery-item{height:230px;border-radius:16px;background:linear-gradient(145deg,#0a2c60,#06172f 65%,#a80b20);display:grid;place-items:center;color:#fff;font-size:2.5rem;font-weight:1000;overflow:hidden}
.footer{background:#041a3b;color:#fff;margin-top:35px}
.footer-inner{width:min(1180px,94vw);margin:auto;padding:28px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer small{color:#bdcbe0}
@media(max-width:900px){
 .header-inner{min-height:68px}.brand-logo{width:48px;height:48px}.brand strong{font-size:1rem}.brand small{font-size:.65rem}
 .menu-btn{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#061d45;padding:12px;flex-direction:column}.nav.open{display:flex}
 .hero-inner{grid-template-columns:1fr;text-align:center}.hero-logo{width:190px}.hero{min-height:500px}
 .grid3{grid-template-columns:1fr}.quick{grid-template-columns:repeat(3,1fr)}
 .roster-grid,.staff-grid,.sponsor-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
 .brand small{display:none}.quick{grid-template-columns:repeat(2,1fr)}
 .roster-grid,.staff-grid,.sponsor-grid,.gallery-grid{grid-template-columns:1fr}
 .fixture{grid-template-columns:1fr}.fixture .result{justify-self:start}
 .footer-inner{flex-direction:column;text-align:center}
}