.app-layout{flex-direction:column;min-height:100vh;display:flex}#main-content{flex:1}.skip-link{background:var(--red);color:var(--white);border-radius:var(--radius-sm);z-index:200;padding:12px 24px;font-weight:700}.skip-link:focus{clip:auto;width:auto;height:auto;position:absolute;top:10px;left:10px}.utility-bar{background-color:var(--navy);color:var(--white);padding:8px 0;font-size:.75rem}.utility-inner{justify-content:space-between;align-items:center;display:flex}.utility-text{opacity:.8;font-weight:400}.utility-right{gap:24px;display:flex}.utility-link{opacity:.8;align-items:center;gap:6px;transition:opacity .2s;display:flex}.utility-link:hover{opacity:1}.site-header{background-color:var(--white);z-index:100;padding:0;position:sticky;top:0;box-shadow:0 2px 8px #0000000f}.header-inner{justify-content:space-between;align-items:center;height:72px;display:flex}.brand-logo{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-img{object-fit:contain;width:auto;height:44px}.logo-text{flex-direction:column;display:flex}.logo-name{font-family:var(--font-display);color:var(--navy);letter-spacing:1px;font-size:1.25rem;font-weight:700;line-height:1}.logo-subtitle{color:var(--mist);text-transform:uppercase;letter-spacing:.3px;font-size:.55rem;line-height:1.3}.main-nav{flex:1;justify-content:center;display:flex}.nav-links{gap:0;display:flex}.nav-links li{position:relative}.nav-links a{color:var(--ink);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;align-items:center;gap:4px;padding:26px 16px;font-size:.85rem;font-weight:600;transition:color .2s;display:flex;position:relative}.nav-links a:hover,.nav-links a.active{color:var(--red)}.nav-links a:after{content:"";background-color:var(--red);height:3px;transition:transform .2s;position:absolute;bottom:0;left:16px;right:16px;transform:scaleX(0)}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.header-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.join-btn{text-decoration:none}.mobile-menu-toggle{color:var(--navy);background:0 0;border:none;padding:8px;display:none}.footer-partners{background-color:var(--white);border-top:1px solid var(--line);padding:32px 0}.partner-label{text-transform:uppercase;letter-spacing:1px;color:var(--mist);text-align:center;margin-bottom:16px;font-size:.7rem;font-weight:600}.partner-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.partner-logo-text{font-family:var(--font-display);color:var(--navy);opacity:.5;font-size:1.1rem;font-weight:700;transition:opacity .2s}.partner-logo-text:hover{opacity:1}.footer-main{background-color:var(--navy);color:var(--white);padding:48px 0}.footer-grid{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-brand{align-items:center;gap:10px;margin-bottom:16px;display:flex}.footer-logo{object-fit:contain;width:auto;height:36px}.footer-brand-name{font-family:var(--font-display);letter-spacing:1px;font-size:1.25rem;font-weight:700}.footer-desc{color:#fff9;font-size:.8rem;line-height:1.7}.footer-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;color:var(--white);margin-bottom:20px;font-size:.8rem;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links li{align-items:center;gap:8px;display:flex}.footer-links a{color:#fff9;font-size:.8rem;transition:color .2s}.footer-links a:hover{color:var(--white)}.footer-contact li{color:#ffffff80}.footer-bottom{background-color:var(--ink);color:#fff6;text-align:center;padding:16px 0;font-size:.75rem}@media (width<=980px){.utility-bar{display:none}.mobile-menu-toggle{display:block}.main-nav{background:var(--white);z-index:99;flex-direction:column;justify-content:flex-start;padding:24px;transition:transform .3s;position:fixed;inset:72px 0 0;transform:translate(100%)}.main-nav.open{transform:translate(0)}.nav-links{flex-direction:column;gap:0}.nav-links a{border-bottom:1px solid var(--line);padding:16px 0;font-size:1rem}.nav-links a:after,.join-btn{display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media (width<=640px){.footer-grid{grid-template-columns:1fr;gap:32px}.partner-logos{gap:24px}}.page-skeleton{background-color:var(--white);width:100%;min-height:100vh;padding-bottom:64px}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(to right, var(--line) 4%, var(--bg-section) 25%, var(--line) 36%);background-size:1000px 100%;animation:2s linear infinite shimmer}.skeleton-line{border-radius:var(--radius-xs);width:100%;height:16px;margin-bottom:12px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-hero{align-items:center;width:100%;height:400px;margin-bottom:48px;display:flex}.skeleton-hero-content{max-width:600px}.skeleton-title{border-radius:var(--radius-sm);height:48px;margin-bottom:24px}.skeleton-subtitle{width:80%;height:24px;margin-bottom:32px}.skeleton-btn{border-radius:var(--radius-sm);width:160px;height:48px}.skeleton-content{flex-direction:column;gap:64px;display:flex}.skeleton-header-line{border-radius:var(--radius-xs);width:240px;height:24px;margin-bottom:32px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.skeleton-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.skeleton-card-img{width:100%;height:180px}.skeleton-card-body{padding:20px}.skeleton-list{flex-direction:column;gap:24px;display:flex}.skeleton-list-item{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);gap:24px;padding:20px;display:flex}.skeleton-list-img{border-radius:var(--radius-sm);flex-shrink:0;width:200px;height:140px}.skeleton-list-body{flex-direction:column;flex:1;justify-content:center;display:flex}@media (width<=980px){.skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skeleton-hero{height:320px}.skeleton-title{height:36px}.skeleton-list-item{flex-direction:column}.skeleton-list-img{width:100%;height:200px}}@media (width<=480px){.skeleton-grid{grid-template-columns:1fr}}.match-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);padding:20px;transition:box-shadow .2s}.match-card:hover{box-shadow:var(--shadow)}.match-tournament{text-transform:uppercase;color:var(--navy);letter-spacing:.5px;border-bottom:1px solid var(--line);margin-bottom:12px;padding-bottom:8px;font-size:.7rem;font-weight:600}.match-teams{justify-content:center;align-items:center;gap:24px;padding:12px 0;display:flex}.match-team{color:var(--ink);align-items:center;gap:10px;font-size:.9rem;font-weight:700;display:flex}.flag-emoji{font-size:1.5rem}.match-vs{font-family:var(--font-display);color:var(--red);border-radius:var(--radius-sm);background:#c8102e14;padding:6px 14px;font-size:.8rem;font-weight:700}.match-meta{border-top:1px solid var(--line);color:var(--gray-600);gap:20px;margin-top:12px;padding-top:12px;font-size:.75rem;display:flex}.match-meta span{align-items:center;gap:6px;display:flex}.article-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.article-img-wrap{height:180px;position:relative;overflow:hidden}.article-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.article-card:hover .article-img-wrap img{transform:scale(1.05)}.article-category{position:absolute;top:12px;left:12px}.article-body{flex-direction:column;flex:1;padding:16px;display:flex}.article-date{color:var(--mist);margin-bottom:8px;font-size:.7rem;display:block}.article-body h4{color:var(--navy);margin-bottom:8px;font-size:.9rem;line-height:1.4}.article-body p{color:var(--gray-600);flex:1;margin-bottom:12px;font-size:.8rem;line-height:1.5}.article-read{color:var(--red);font-size:.75rem;font-weight:600}.home-page{background-color:var(--white)}.hero{align-items:center;min-height:520px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg-img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(135deg,#0a1f44d9 0%,#0a1f4499 50%,#0a1f4466 100%);position:absolute;inset:0}.hero-content{z-index:2;color:var(--white);padding:100px 24px;animation:.8s ease-out fadeInUp;position:relative}.hero-headline{text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;font-size:3rem;font-weight:700;line-height:1.1}.hero-highlight{color:var(--red)}.hero-sub{color:#ffffffd9;max-width:520px;margin-bottom:32px;font-size:1rem;line-height:1.6}.hero-cta{text-decoration:none}.pillars{border-bottom:1px solid var(--line);padding:48px 0}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.pillar-item{text-align:center;padding:0 16px}.pillar-icon{background-color:var(--bg-light);width:48px;height:48px;color:var(--red);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.pillar-item h3{color:var(--navy);margin-bottom:8px;font-size:1rem}.pillar-item p{color:var(--gray-600);font-size:.8rem;line-height:1.5}.matches-news{padding:48px 0}.mn-grid{grid-template-columns:1fr 1fr;gap:40px;display:grid}.matches-list{flex-direction:column;gap:16px;display:flex}.news-list{flex-direction:column;gap:0;display:flex}.news-item{border-bottom:1px solid var(--line);padding:16px 0;text-decoration:none;transition:background .2s;display:block}.news-item:first-child{padding-top:0}.news-item:hover{background:var(--bg-light);border-radius:var(--radius-sm);margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}.news-item h4{color:var(--navy);margin-bottom:4px;font-size:.9rem;line-height:1.4}.news-item p{color:var(--gray-600);margin-bottom:6px;font-size:.8rem;line-height:1.5}.news-date{color:var(--mist);font-size:.7rem;font-weight:500}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{border-radius:var(--radius-md);align-items:flex-end;min-height:320px;display:flex;position:relative;overflow:hidden}.feature-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.feature-overlay{z-index:2;width:100%;color:var(--white);background:linear-gradient(#0a1f4466 0%,#0a1f44e6 100%);padding:24px;position:relative}.feature-cta-overlay{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);flex-direction:column;justify-content:center;height:100%;display:flex}.feature-label{text-transform:uppercase;letter-spacing:1px;color:var(--red);margin-bottom:8px;font-size:.65rem;font-weight:600;display:block}.feature-card h3{text-transform:uppercase;margin-bottom:8px;font-size:1.2rem}.feature-card p{color:#ffffffbf;margin-bottom:16px;font-size:.75rem;line-height:1.5}.donate-section{padding:48px 0}.donate-card{background:linear-gradient(135deg, var(--navy) 0%, var(--navy-2) 100%);border-radius:var(--radius-lg);color:var(--white);grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.donate-left{flex-direction:column;justify-content:center;padding:48px;display:flex}.donate-tagline{font-family:var(--font-display);margin-bottom:16px;font-size:1.75rem;font-weight:700;line-height:1.3}.donate-desc{color:#ffffffb3;font-size:.9rem;line-height:1.6}.donate-right{background:#c8102e26;justify-content:center;align-items:center;padding:48px;display:flex}.donate-cta-box{text-align:center}.donate-cta-box h3{color:var(--red);margin-bottom:8px;font-size:1.75rem}.donate-cta-box p{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:24px;font-size:.8rem}.cricclubs-bar{background-color:var(--bg-light);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0}.cricclubs-inner{color:var(--ink);justify-content:center;align-items:center;gap:16px;font-size:.9rem;display:flex}.cricclubs-link{color:var(--red);align-items:center;gap:6px;font-weight:700;transition:color .2s;display:flex}.cricclubs-link:hover{color:var(--red-hover)}.blog-section{padding:64px 0}.blog-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.blog-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--line);flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-img-wrap{height:160px;overflow:hidden}.blog-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-img-wrap img{transform:scale(1.05)}.blog-body{flex-direction:column;flex:1;padding:16px;display:flex}.blog-date{color:var(--mist);margin-bottom:8px;font-size:.7rem;display:block}.blog-body h4{color:var(--navy);margin-bottom:8px;font-size:.85rem;line-height:1.4}.blog-body p{color:var(--gray-600);flex:1;font-size:.75rem;line-height:1.5}.blog-read{color:var(--red);margin-top:12px;font-size:.75rem;font-weight:600;display:block}@media (width<=980px){.hero-headline{font-size:2.25rem}.mn-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr;gap:16px}.feature-card{min-height:240px}.donate-card{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.pillars-grid{grid-template-columns:1fr;gap:24px}}@media (width<=640px){.hero{min-height:400px}.hero-headline{font-size:1.75rem}.hero-content{padding:60px 24px}.blog-grid{grid-template-columns:1fr}.match-teams{gap:12px}.donate-left,.donate-right{padding:32px}}:root{--navy:#0a1f44;--navy-2:#123068;--navy-3:#1b4ca0;--red:#c8102e;--red-hover:#a50d24;--gold:#ffc72c;--gold-deep:#c89116;--ink:#0b1220;--paper:#fff;--bg-light:#f5f6fa;--bg-section:#f0f2f7;--mist:#93a2be;--gray-600:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--line:#e4e8f0;--white:#fff;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #0b12200f;--shadow:0 4px 16px #0b122014;--shadow-md:0 8px 24px #0b12201a;--shadow-lg:0 16px 48px #0b12201f;--font-display:"Space Grotesk", sans-serif;--font-body:"Public Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}:focus-visible{outline:3px solid var(--red);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.container-wide{max-width:1400px;margin:0 auto;padding:0 24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-body);border:2px solid #0000;align-items:center;gap:8px;padding:12px 28px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--red);color:var(--white);border-color:var(--red)}.btn-primary:hover{background-color:var(--red-hover);border-color:var(--red-hover);transform:translateY(-1px);box-shadow:0 4px 12px #c8102e4d}.btn-secondary{background-color:var(--white);color:var(--navy);border-color:var(--navy)}.btn-secondary:hover{background-color:var(--navy);color:var(--white)}.btn-outline{color:var(--white);border-color:var(--white);background-color:#0000}.btn-outline:hover{background-color:var(--white);color:var(--navy)}.btn-sm{padding:8px 20px;font-size:.75rem}.btn-lg{padding:16px 36px;font-size:1rem}.section{padding:64px 0}.section-navy{background-color:var(--navy);color:var(--white)}.section-light{background-color:var(--bg-light)}.section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:10px;margin-bottom:24px;font-size:.875rem;font-weight:700;display:flex}.section-title:before{content:"";background-color:var(--red);border-radius:2px;width:4px;height:20px;display:inline-block}.section-title-red{color:var(--red)}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.view-all{color:var(--red);text-transform:uppercase;font-size:.875rem;font-weight:600;transition:color .2s}.view-all:hover{color:var(--red-hover)}.badge{border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.5px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-block}.badge-red{background-color:var(--red);color:var(--white)}.badge-navy{background-color:var(--navy);color:var(--white)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--mist);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--navy)}