:root{--navy:#031a33;--navy2:#071f3e;--blue:#1f77e8;--blue2:#2d93ff;--gold:#e6ad3c;--ink:#0b1d38;--muted:#536174;--paper:#f5f7fa;--white:#fff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.shell{width:min(var(--max),calc(100% - 44px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(3,26,51,.97);border-bottom:1px solid rgba(255,255,255,.08)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;min-width:285px}.brand img{width:74px;height:74px;border-radius:50%;object-fit:cover;margin-right:13px}.brand-copy{display:flex;flex-direction:column;line-height:.95;text-transform:uppercase}.brand-copy strong,.brand-copy b{font-family:"Barlow Condensed",sans-serif;font-size:25px}.brand-copy b{color:#69aefc}.brand-copy small{margin-top:8px;font-size:11px;letter-spacing:.15em;color:#f5c45c}.main-nav{display:flex;align-items:center;gap:22px}.main-nav a{font-family:"Barlow Condensed",sans-serif;font-weight:700;color:#fff;text-decoration:none;text-transform:uppercase;font-size:15px}.main-nav a:hover{color:#64adff}.main-nav .join-small{background:var(--gold);color:#10213a;padding:13px 18px}.menu-toggle{display:none;background:none;border:1px solid #fff;color:#fff;font-size:24px;border-radius:4px}.hero{position:relative;min-height:520px;overflow:hidden;background:var(--navy)}.hero-photo{position:absolute;inset:0;background-image:url('assets/hero-cricket-placeholder.jpg');background-size:cover;background-position:center right}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,18,38,.98) 0%,rgba(2,21,44,.88) 35%,rgba(2,21,44,.30) 66%,rgba(2,21,44,.08) 100%)}.hero-content{position:relative;z-index:2;color:#fff;padding:72px 0 65px}.eyebrow{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#1b6cc9;margin:0 0 8px}.hero h1,.spotlight h2,.about h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;margin:0;font-weight:800}.hero h1{font-size:clamp(64px,8vw,100px);line-height:.78;letter-spacing:-.02em}.hero h1 span{color:var(--blue2)}.hero-lead{font-size:25px;line-height:1.25;margin:36px 0 8px}.hero-meta{font-weight:600;color:#f3c356}.hero-meta i{font-style:normal;margin:0 8px}.hero-actions{display:flex;gap:14px;margin-top:27px}.btn{display:inline-flex;align-items:center;justify-content:center;text-transform:uppercase;font-family:"Barlow Condensed",sans-serif;font-size:17px;font-weight:800;letter-spacing:.02em;padding:14px 23px;text-decoration:none;border:1px solid transparent}.btn-gold{background:var(--gold);color:#0b1b33}.btn-outline{border-color:#83a6ca;color:#fff;background:rgba(2,21,44,.25)}.btn-blue{background:#3c9aff;color:#061b34}.quick-section{padding:26px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-card{min-height:300px;padding:28px 26px;background:#fff;border:1px solid #dfe4ea;box-shadow:0 5px 24px rgba(13,33,61,.08);text-align:center;display:flex;flex-direction:column;align-items:center}.quick-card .icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e8f3ff;color:#0b56aa;font-weight:800;font-size:27px}.quick-card h2{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:27px;margin:18px 0 0}.quick-card h2:after{content:"";display:block;width:38px;border-top:3px solid var(--gold);margin:13px auto 17px}.quick-card p{font-size:14px;line-height:1.65;color:#425166;margin:0 auto 20px;max-width:215px}.quick-card a{margin-top:auto;text-transform:uppercase;text-decoration:none;color:#075ec4;font-family:"Barlow Condensed";font-weight:800;font-size:17px}.spotlight{background:radial-gradient(circle at 55% 50%,#0c4f8a 0,#062b55 32%,#031a33 70%);color:#fff;padding:22px 0}.spotlight-grid{display:grid;grid-template-columns:1.4fr .8fr .85fr;gap:34px;align-items:center;min-height:390px}.gold{color:var(--gold)}.spotlight h2{font-size:50px;line-height:1}.spotlight-sub{color:#c5d8eb;margin:6px 0 28px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #6381a2;border-bottom:1px solid #6381a2;padding:18px 0}.stats-row div{padding:0 14px;border-right:1px solid #6381a2}.stats-row div:first-child{padding-left:0}.stats-row div:last-child{border:0}.stats-row strong,.best-row strong{display:block;font-family:"Barlow Condensed";font-size:31px}.stats-row span,.best-row span{text-transform:uppercase;font-size:10px;color:#c9d7e5;font-weight:700}.best-row{display:flex;gap:80px;padding:16px 0 19px}.best-row strong{color:#7fbaff;font-size:28px}.player-photo-wrap{height:335px;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.25);box-shadow:0 15px 40px rgba(0,0,0,.25)}.player-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.fixtures-panel{border-left:1px solid #5e7a98;padding-left:30px}.fixtures-panel h3{font-family:"Barlow Condensed";font-size:35px;text-transform:uppercase;margin:8px 0}.fixtures-panel p{line-height:1.6;color:#c9d8e9}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:60px 0}.about h2{font-size:43px;line-height:1.02}.about>p{font-size:17px;line-height:1.8;color:#47566a;margin:14px 0}.sponsor{background:#f4f6f8;border-top:1px solid #e3e6ea;border-bottom:1px solid #e3e6ea}.sponsor-inner{padding:28px;text-align:center;display:flex;flex-direction:column;align-items:center}.sponsor-inner span{text-transform:uppercase;color:#176bd0;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.05em}.sponsor-inner strong{font-size:43px;font-style:italic;color:#0d3972;margin-top:2px}.sponsor-inner small{color:#3973b8;letter-spacing:.15em;text-transform:uppercase}.site-footer{background:#031a33;color:#fff;padding-top:35px}.footer-grid{display:grid;grid-template-columns:1.2fr .75fr 1fr 1.1fr;gap:40px;padding-bottom:30px}.footer-brand{display:flex;gap:16px}.footer-brand img{width:75px;height:75px;border-radius:50%}.footer-brand strong{font-family:"Barlow Condensed";text-transform:uppercase;font-size:22px}.site-footer h3{font-family:"Barlow Condensed";text-transform:uppercase;color:var(--gold);margin:0 0 12px}.site-footer a,.site-footer span,.site-footer p{display:block;color:#d1ddec;text-decoration:none;font-size:13px;line-height:1.75;margin:0}.footer-bottom{border-top:1px solid #29425e;padding:15px 0 18px;font-size:11px;color:#99afc6}.menu-open .main-nav{display:flex}@media(max-width:980px){.main-nav{display:none;position:absolute;top:94px;left:0;right:0;background:#031a33;flex-direction:column;padding:25px}.menu-toggle{display:block}.hero{min-height:470px}.quick-section{grid-template-columns:repeat(2,1fr)}.spotlight-grid{grid-template-columns:1.2fr .8fr}.fixtures-panel{grid-column:1/-1;border-left:0;border-top:1px solid #5e7a98;padding:22px 0}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.shell{width:min(100% - 28px,var(--max))}.header-inner{min-height:78px}.brand img{width:57px;height:57px}.brand-copy strong,.brand-copy b{font-size:19px}.main-nav{top:78px}.hero{min-height:520px}.hero-photo{background-position:63% center}.hero-shade{background:linear-gradient(90deg,rgba(1,18,38,.96) 0%,rgba(2,21,44,.75) 65%,rgba(2,21,44,.35) 100%)}.hero-content{padding-top:80px}.hero h1{font-size:64px}.hero-lead{font-size:20px}.hero-actions{flex-direction:column;align-items:flex-start}.quick-section{grid-template-columns:1fr}.quick-card{min-height:250px}.spotlight-grid{grid-template-columns:1fr;padding-top:22px;padding-bottom:22px}.spotlight h2{font-size:44px}.stats-row{grid-template-columns:repeat(2,1fr);row-gap:16px}.stats-row div:nth-child(2){border-right:0}.player-photo-wrap{height:380px}.about{grid-template-columns:1fr;gap:18px;padding:44px 0}.footer-grid{grid-template-columns:1fr}.sponsor-inner strong{font-size:34px}}
/* Homepage feature icons */
.quick-card .icon {
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--navy), var(--blue));
  box-shadow: 0 5px 14px rgba(3, 26, 51, 0.18);
}

.quick-card .icon svg {
  width: 34px;
  height: 34px;
  fill: var(--gold);
  display: block;
}