.pc-page {
	--pc-navy: #fcfcfc;
	--pc-blue: #0d5d8f;
	--pc-blue-light: #e9f4f8;
	--pc-orange: #ef6c25;
	--pc-orange-dark: #cf5012;
	--pc-cream: #fff9f2;
	--pc-white: #fff;
	--pc-text: #17202a;
	--pc-muted: #647282;
	--pc-line: #dce5eb;
	--pc-radius: 20px;
	--pc-shadow: 0 22px 60px rgba(6, 26, 51, .12);
	--pc-dark-bg: #030f20;
	--pc-dark-surface: #0d1b2e;
	--pc-dark-border: rgba(255,255,255,.12);
	--pc-dark-text: #ffffff;
	--pc-dark-muted: rgba(255,255,255,.65);
	--pc-dark-shadow: 0 25px 60px rgba(0,0,0,.5);
	background: var(--pc-white);
	color: var(--pc-text);
	font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 16px;
	line-height: 1.65;
	margin: 0;
	overflow-x: hidden;
}

html:has(body.pc-page) { scroll-behavior: smooth; }
.pc-page *, .pc-page *::before, .pc-page *::after { box-sizing: border-box; }
.pc-page a { color: inherit; text-decoration: none; }
.pc-page h1, .pc-page h2, .pc-page h3, .pc-page p, .pc-page figure { margin-top: 0; }
.pc-page h1, .pc-page h2, .pc-page h3 { color: var(--pc-navy); font-weight: 850; letter-spacing: -.045em; line-height: 1.08; }
.pc-container { margin: 0 auto; max-width: 1200px; padding-inline: 20px; width: 100%; }
.pc-section { padding: 90px 0; scroll-margin-top: 78px; }
.pc-skip { background: var(--pc-orange); color: var(--pc-white); font-weight: 800; left: 12px; padding: 10px 15px; position: fixed; top: -100px; z-index: 9999; }
.pc-skip:focus { top: 12px; }
.pc-kicker { color: var(--pc-orange); font-size: .75rem; font-weight: 900; letter-spacing: .16em; margin-bottom: 13px; text-transform: uppercase; }
.pc-section-heading { margin-bottom: 42px; max-width: 760px; }
.pc-section-heading h2 { font-size: clamp(2.2rem, 6vw, 4rem); margin-bottom: 18px; }
.pc-section-heading h2 span { color: var(--pc-blue); }
.pc-section-heading > p:last-child { color: var(--pc-muted); font-size: 1.05rem; }
.pc-centered { margin-inline: auto; text-align: center; }

.pc-header { background: rgba(0, 0, 0, 0.96); border-bottom: 1px solid rgba(6,26,51,.08); height: 74px; position: sticky; top: 0; z-index: 1000; }
.admin-bar .pc-header { top: 32px; }
.pc-nav-row { align-items: center; display: flex; height: 100%; justify-content: space-between; }
.pc-logo { display: inline-flex; }
.pc-logo img { 	 border: 1px solid rgba(13,93,143,.16); border-radius: 50%; box-shadow: 0 3px 16px rgba(6,26,51,.12); height: 60px; object-fit: contain; padding: 2px; width: 62px; }
.pc-menu-button { background: transparent !important; border: 0; display: grid; gap: 5px; padding: 9px; }
.pc-menu-button span:not(.screen-reader-text) { background: var(--pc-navy); border-radius: 3px; display: block; height: 2px; width: 25px; }
.pc-nav { background: rgba(4, 10, 20, .98); box-shadow: 0 22px 60px rgba(0,0,0,.45); display: none; left: 0; padding: 15px 20px 24px; position: absolute; right: 0; top: 73px; }
.pc-nav.is-open { display: grid; }
.pc-nav a { border-bottom: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.85); font-size: .86rem; font-weight: 750; padding: 11px 3px; }
.pc-nav a:hover, .pc-nav a:focus, .pc-nav a.is-active { color: var(--pc-orange); }
.pc-header-cta { display: none !important; }

.pc-button { align-items: center; background: var(--pc-orange); border: 2px solid var(--pc-orange); border-radius: 999px;  color: var(--pc-white) !important; cursor: pointer; display: inline-flex; font-size: .9rem; font-weight: 850; gap: 9px; justify-content: center; min-height: 51px; padding: 11px 24px; transition: background .2s, border .2s, box-shadow .2s, transform .2s; }
.pc-button:hover, .pc-button:focus { background: var(--pc-orange-dark); border-color: var(--pc-orange-dark); box-shadow: 0 16px 32px rgba(239,108,37,.32); transform: translateY(-2px); }
.pc-button-small { min-height: 42px; padding: 8px 18px; }
.pc-button-ghost { background: transparent; border-color: rgba(255,255,255,.65); box-shadow: none; }
.pc-button-ghost:hover, .pc-button-ghost:focus { background: var(--pc-white); border-color: var(--pc-text); transition: all 0.7s ease; box-shadow: 0 0 25px rgba(46, 21, 21, 0.4); color: var(--pc-text) !important; }
.pc-actions { display: flex; flex-wrap: wrap; gap: 12px; }

.pc-hero { background: var(--pc-navy) linear-gradient(90deg, rgba(3,15,32,.96) 0%, rgba(3,15,32,.8) 47%, rgba(3,15,32,.25) 100%) center / cover; color: var(--pc-white); min-height: calc(100svh - 74px); overflow: hidden; position: relative; }
.pc-hero::before { background-image: linear-gradient(90deg, rgba(3,15,32,.12), rgba(3,15,32,.08)), url('../images/cricket-academy-hero.png'); background-position: 65% center; background-size: cover; content: ''; inset: 0; opacity: .9; position: absolute; z-index: 0; }
.pc-hero::after { background: linear-gradient(90deg, rgba(3,15,32,.96) 0%, rgba(3,15,32,.82) 48%, rgba(3,15,32,.2) 100%); content: ''; inset: 0; position: absolute; }
.pc-hero-inner { align-items: center; display: flex; min-height: calc(100svh - 74px); padding-bottom: 64px; padding-top: 64px; position: relative; z-index: 1; }
.pc-hero-copy { max-width: 760px; }
.pc-hero h1 { color: var(--pc-white); font-size: clamp(3.4rem, 10vw, 7.2rem); letter-spacing: -.07em; margin-bottom: 22px; }
.pc-hero h1 span { color: var(--pc-orange); }
.pc-hero-copy > p:not(.pc-kicker) { font-size: clamp(1.05rem, 2vw, 1.3rem); max-width: 610px; }
.pc-hero-points { display: flex; flex-wrap: wrap; font-size: .78rem; font-weight: 750; gap: 8px 20px; list-style: none; margin: 35px 0 0; padding: 0; }
.pc-hero-points span { color: var(--pc-orange); margin-right: 4px; }

.pc-icon-strip { background: #030f20; border-bottom: 1px solid rgba(255,255,255,.08); overflow: hidden; padding: 17px 0; }
.pc-icon-track { animation: pc-marquee 24s linear infinite; display: flex; gap: 32px; min-width: max-content; padding-inline: 20px; }
.pc-icon-strip:hover .pc-icon-track { animation-play-state: paused; }
.pc-strip-item { align-items: center; background: var(--pc-navy); border: 1px solid rgba(13,93,143,.22); border-radius: 50%; box-shadow: 0 4px 16px rgba(6,26,51,.12); display: flex; flex: 0 0 58px; height: 58px; justify-content: center; overflow: hidden; width: 58px; }
.pc-strip-item img { display: block; height: 100%; object-fit: cover; width: 100%; }
@keyframes pc-marquee { to { transform: translateX(-50%); } }

.pc-overview { background: #030f20; padding: 95px 0; scroll-margin-top: 74px; }
.pc-overview-grid { display: grid; gap: 25px; }
.pc-overview .pc-section-heading h2 { color: #fff; }
.pc-overview .pc-section-heading h2 span { color: var(--pc-orange); }
.pc-overview .pc-section-heading > p:last-child { color: rgba(255,255,255,.65); }
.pc-overview-copy { color: rgba(255,255,255,.72); font-size: 1.03rem; }
.pc-stat-row { display: grid; gap: 12px; margin-top: 45px; }
.pc-stat { align-items: center; background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.12); border-radius: 16px; display: flex; gap: 16px; padding: 20px; }
.pc-stat strong { color: var(--pc-orange); font-size: 2.2rem; line-height: 1; min-width: 53px; }
.pc-stat span, .pc-stat small { display: block; }
.pc-stat span { color: #fff; font-weight: 850; }
.pc-stat small { color: rgba(255,255,255,.6); font-size: .72rem; }

.pc-programs { background: var(--pc-dark-bg); }
.pc-programs .pc-section-heading h2 { color: var(--pc-dark-text); }
.pc-programs .pc-section-heading h2 span { color: var(--pc-orange); }
.pc-programs .pc-section-heading > p:last-child { color: var(--pc-dark-muted); }
.pc-program-grid { display: grid; gap: 18px; }
.pc-card { background: var(--pc-dark-surface); border: 1px solid var(--pc-dark-border); border-radius: var(--pc-radius); box-shadow: 0 8px 30px rgba(0,0,0,.3); }
.pc-program-card { display: flex; flex-direction: column; min-height: 330px; padding: 26px; position: relative; transition: background .6s ease, border-color .6s ease, box-shadow .5s ease, transform .5s ease; }
.pc-program-card:hover {  background: var(--pc-blue); cursor: pointer; border-color: var(--pc-blue); box-shadow: var(--pc-dark-shadow); transform: translateY(-10px) scale(1.04); }
.pc-icon-placeholder { align-items: center; background: var(--pc-blue-light); border: 2px dashed #8db7ca; border-radius: 14px; color: var(--pc-blue); display: flex; height: 62px; justify-content: center; width: 62px; }
.pc-icon-placeholder span { font-size: .74rem; font-weight: 900; letter-spacing: .06em; }
.pc-program-icon { border: 1px solid rgba(13,93,143,.16); border-radius: 14px; display: block; height: 62px; object-fit: cover; width: 62px; transition: background-color .5s; }
.pc-program-card:hover .pc-program-icon { background-color: var(--pc-white); }
.pc-card-number { color: #a4b0bc; font-size: .7rem; font-weight: 850; position: absolute; right: 24px; top: 24px; }
.pc-program-card h3 { color: var(--pc-dark-text); font-size: 1.35rem; margin: 26px 0 12px; }
.pc-program-card p { color: var(--pc-dark-muted); font-size: .9rem; }
.pc-program-card > a { color: var(--pc-orange); font-size: .8rem; font-weight: 850; margin-top: auto; transition: color .3s; }
.pc-program-card:hover > a { color: var(--pc-dark-text); }
.pc-program-card > a span { margin-left: 4px; transition: margin .2s; }
.pc-program-card > a:hover span { margin-left: 9px; }

.pc-mid-cta { background: var(--pc-dark-surface); color: var(--pc-white); padding: 70px 0; }
.pc-mid-cta-inner { align-items: center; display: grid; gap: 28px; }
.pc-mid-cta h2 { color: var(--pc-white); font-size: clamp(2rem, 5vw, 3.3rem); margin-bottom: 12px; }
.pc-mid-cta p:not(.pc-kicker) { color: rgba(255,255,255,.72); margin: 0; }

.pc-benefits { background: var(--pc-dark-bg); }
.pc-benefits .pc-section-heading h2 { color: var(--pc-dark-text); }
.pc-benefits .pc-section-heading h2 span { color: var(--pc-orange); }
.pc-benefits .pc-section-heading > p:last-child { color: var(--pc-dark-muted); }
.pc-benefit-grid { display: grid; gap: 12px; }
.pc-benefit-card { align-items: flex-start; background: var(--pc-dark-surface); border: 1px solid var(--pc-dark-border); border-radius: 17px; display: grid; gap: 17px; grid-template-columns: 52px 1fr; padding: 22px; transition: background .2s, border .2s; }
.pc-benefit-card:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.24); }
.pc-icon-small { border-radius: 13px; height: 52px; width: 52px; }
.pc-benefit-icon { border: 1px solid rgba(13,93,143,.18); border-radius: 13px; display: block; height: 52px; object-fit: cover; width: 52px; }
.pc-benefit-card h3 { color: var(--pc-dark-text); font-size: 1.08rem; margin-bottom: 8px; }
.pc-benefit-card p { color: var(--pc-dark-muted); font-size: .85rem; margin: 0; }

.pc-gallery-section { background: var(--pc-dark-bg); }
.pc-section-heading-light h2 { color: var(--pc-white); }
.pc-section-heading-light h2 span { color: var(--pc-orange); }
.pc-section-heading-light > p:last-child { color: rgba(255,255,255,.62); }
.pc-gallery { display: grid; gap: 12px; grid-auto-rows: 190px; grid-template-columns: repeat(2, 1fr); }
.pc-gallery-item { border-radius: 16px; margin: 0; overflow: hidden; position: relative; }
.pc-gallery-item > div { align-items: center; background: linear-gradient(135deg, #235c7d, #0a304c); display: flex; height: 100%; justify-content: center; transition: transform .4s; }
.pc-gallery-item:nth-child(3n) > div { background: linear-gradient(135deg, #a85c32, #482618); }
.pc-gallery-item:nth-child(3n+2) > div { background: linear-gradient(135deg, #587349, #1f3823); }
.pc-gallery-item > div::after { background: linear-gradient(180deg, transparent 35%, rgba(3,15,32,.86)); content: ''; inset: 0; position: absolute; }
.pc-gallery-item:hover > div { transform: scale(1.06); }
.pc-gallery-item > div span { color: rgba(255,255,255,.22); font-size: 1rem; font-weight: 900; letter-spacing: .2em; }
.pc-gallery-item figcaption { bottom: 15px; color: var(--pc-white); font-size: .82rem; font-weight: 800; left: 16px; position: absolute; z-index: 1; }
.pc-gallery-item-1, .pc-gallery-item-4 { grid-row: span 2; }

.pc-stories { background: var(--pc-dark-bg); }
.pc-stories .pc-section-heading h2 { color: var(--pc-dark-text); }
.pc-stories .pc-section-heading h2 span { color: var(--pc-orange); }
.pc-story-grid { display: grid; gap: 18px; }
.pc-story { background: var(--pc-dark-surface); border: 1px solid var(--pc-dark-border); border-radius: var(--pc-radius); padding: 27px; }
.pc-story-photo { border-radius: 50%; height: 58px; width: 58px; }
.pc-stars { color: var(--pc-orange); letter-spacing: .08em; margin: 20px 0 12px; }
.pc-story blockquote { border: 0; color: var(--pc-dark-text); font-size: 1rem; font-style: normal; margin: 0 0 22px; padding: 0; }
.pc-story h3 { color: var(--pc-dark-text); font-size: .95rem; margin: 0; }
.pc-story > p { color: var(--pc-dark-muted); font-size: .75rem; margin: 3px 0 0; }

.pc-join { background: linear-gradient(135deg, var(--pc-blue) 0%, var(--pc-dark-bg) 100%); color: var(--pc-white); padding: 90px 0; scroll-margin-top: 74px; }
.pc-join-grid { display: grid; gap: 40px; }
.pc-join-copy h2 { color: var(--pc-white); font-size: clamp(2.6rem, 7vw, 4.5rem); }
.pc-join-copy h2 span { color: var(--pc-orange); }
.pc-join-copy > p:not(.pc-kicker) { color: rgba(255,255,255,.72); }
.pc-join-copy ul { display: grid; gap: 8px; list-style: none; margin: 28px 0 0; padding: 0; }
.pc-join-copy li { font-size: .87rem; font-weight: 750; }
.pc-form-card { background: var(--pc-dark-surface); border-radius: 23px; box-shadow: 0 25px 70px rgba(0,0,0,.25); color: var(--pc-dark-text); padding: 26px; }
.pc-form-card h3 { color: var(--pc-dark-text); font-size: 1.7rem; margin-bottom: 8px; }
.pc-form-card > p { color: var(--pc-dark-muted); font-size: .85rem; }
.pc-form { display: grid; gap: 7px; }
.pc-form label { color: var(--pc-dark-text); font-size: .72rem; font-weight: 850; margin-top: 6px; }
.pc-form input, .pc-form select, .pc-form textarea { background: var(--pc-dark-bg); border: 1px solid var(--pc-dark-border); border-radius: 10px; color: var(--pc-dark-text); font: inherit; min-height: 48px; padding: 10px 12px; width: 100%; }
.pc-form textarea { resize: vertical; }
.pc-form input:focus, .pc-form select:focus, .pc-form textarea:focus { border-color: var(--pc-blue); box-shadow: 0 0 0 3px rgba(13,93,143,.13); outline: 0; }
.pc-form-row { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }
.pc-form-row > div { display: flex; flex-direction: column; }
.pc-form .pc-button { margin-top: 12px; width: 100%; }
.pc-form-note { color: var(--pc-dark-muted); font-size: .67rem; margin: 4px 0 0; text-align: center; }
.pc-form-success { background: #e9f6eb; border: 1px solid #acd6b0; border-radius: 10px; color: #1e6426; font-size: .82rem; font-weight: 750; margin-top: 8px; padding: 13px; }

.pc-footer { background: #020e1e; color: rgba(255,255,255,.68); padding: 55px 0 85px; }
.pc-footer-main { display: grid; gap: 24px; }
.pc-footer-logo img { height: 86px; width: 89px; }
.pc-footer-main > p { font-size: .82rem; max-width: 500px; }
.pc-footer nav { display: flex; flex-wrap: wrap; gap: 9px 20px; }
.pc-footer nav a { font-size: .8rem; font-weight: 750; }
.pc-footer nav a:hover, .pc-footer nav a:focus { color: var(--pc-orange); }
.pc-footer-bottom { border-top: 1px solid rgba(255,255,255,.12); display: flex; flex-wrap: wrap; font-size: .72rem; gap: 10px 25px; justify-content: space-between; margin-top: 42px; padding-top: 20px; }
.pc-footer-bottom p { margin: 0; }
.pc-footer-bottom a { color: var(--pc-orange); font-weight: 800; }
.pc-mobile-bar { background: var(--pc-white); bottom: 0; box-shadow: 0 -5px 25px rgba(6,26,51,.18); display: grid; grid-template-columns: 1fr 1fr; left: 0; padding: 8px 11px calc(8px + env(safe-area-inset-bottom)); position: fixed; right: 0; z-index: 999; }
.pc-mobile-bar a { border-radius: 999px; color: var(--pc-blue); font-size: .8rem; font-weight: 850; padding: 10px; text-align: center; }
.pc-mobile-bar a:last-child { background: var(--pc-orange); color: var(--pc-white); }
body.pc-page #ast-scroll-top { transform: translateY(-40px); }
@media (min-width: 1024px) { body.pc-page #ast-scroll-top { transform: none; } }

.pc-reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s, transform .65s; }
.pc-reveal.is-visible { opacity: 1; transform: none; }

@media (min-width: 600px) {
	.pc-container { padding-inline: 28px; }
	.pc-stat-row { grid-template-columns: repeat(2, 1fr); }
	.pc-program-grid, .pc-story-grid { grid-template-columns: repeat(2, 1fr); }
	.pc-benefit-grid { grid-template-columns: repeat(2, 1fr); }
	.pc-gallery { grid-template-columns: repeat(4, 1fr); }
	.pc-gallery-item-1 { grid-column: span 2; }
	.pc-gallery-item-4 { grid-column: span 2; }
	.pc-form-card { padding: 34px; }
}

@media (min-width: 768px) {
	.pc-section { padding: 120px 0; }
	.pc-overview-grid { align-items: start; grid-template-columns: .9fr 1.1fr; }
	.pc-mid-cta-inner { grid-template-columns: 1fr auto; }
	.pc-mid-cta .pc-actions { justify-content: flex-end; }
	.pc-story-grid { grid-template-columns: repeat(3, 1fr); }
	.pc-join-grid { align-items: center; grid-template-columns: .9fr 1.1fr; }
	.pc-footer-main { align-items: center; grid-template-columns: auto 1fr 1fr; }
}

@media (min-width: 1024px) {
	.pc-header { height: 80px; }
	.pc-logo img { height: 68px; width: 71px; }
	.pc-menu-button { display: none; }
	.pc-nav { align-items: center; background: transparent; box-shadow: none; display: flex; gap: 28px; padding: 0; position: static; }
	.pc-nav a { border: 0; font-size: .78rem; padding: 27px 0; position: relative; }
	.pc-nav a::after { background: var(--pc-orange); bottom: 21px; content: ''; height: 2px; left: 0; position: absolute; transform: scaleX(0); transition: transform .2s; width: 100%; }
	.pc-nav a:hover::after, .pc-nav a:focus::after, .pc-nav a.is-active::after { transform: scaleX(1); }
	.pc-header-cta { display: inline-flex !important; }
	.pc-hero, .pc-hero-inner { min-height: calc(100svh - 80px); }
	.pc-stat-row { grid-template-columns: repeat(4, 1fr); }
	.pc-program-grid { grid-template-columns: repeat(3, 1fr); }
	.pc-benefit-grid { grid-template-columns: repeat(2, 1fr); }
	.pc-mobile-bar { display: none; }
	.pc-footer { padding-bottom: 45px; }
}

@media (max-width: 782px) { .admin-bar .pc-header { top: 46px; } }
@media (max-width: 430px) { .pc-actions .pc-button { width: 100%; } .pc-form-row { grid-template-columns: 1fr; } .pc-hero { background-position: 68% center; } }
@media (prefers-reduced-motion: reduce) { html:has(body.pc-page) { scroll-behavior: auto; } .pc-icon-track { animation: none; } .pc-reveal { opacity: 1; transform: none; transition: none; } .pc-page *, .pc-page *::before, .pc-page *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }