:root{
  --ccdres-blue:#0b63ce;
  --ccdres-blue-dark:#063b7a;
  --ccdres-blue-soft:#eaf3ff;
  --ccdres-green:#0f9f6e;
  --ccdres-ink:#102033;
  --ccdres-muted:#64748b;
  --ccdres-white:#ffffff;
  --public-navy:#0e2a47;
  --public-blue:#1b5da0;
  --public-green:#1f8d65;
  --public-gold:#d0a84f;
  --public-white:#ffffff;
  --public-ink:#152436;
  --public-muted:#62748a;
  --public-line:#dfe9f2;
  --public-surface:#f4f8fb;
  --public-surface-strong:#edf4fa;
  --public-shadow:0 24px 60px rgba(14,42,71,.12);
  --public-radius:28px;
  --photo-hero:url('https://images.unsplash.com/photo-1517649763962-0c623066013b?auto=format&fit=crop&w=1600&q=80');
  --photo-football:url('https://images.unsplash.com/photo-1574629810360-7efbbe195018?auto=format&fit=crop&w=1200&q=80');
  --photo-swimming:url('https://images.unsplash.com/photo-1519315901367-f34ff9154487?auto=format&fit=crop&w=1200&q=80');
  --photo-judo:url('https://images.unsplash.com/photo-1555597673-b21d5c935865?auto=format&fit=crop&w=1200&q=80');
  --photo-volleyball:url('https://images.unsplash.com/photo-1546519638-68e109498ffc?auto=format&fit=crop&w=1200&q=80');
  --photo-gym:url('https://images.unsplash.com/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&w=1200&q=80');
  --photo-yoga:url('https://images.unsplash.com/photo-1506126613408-eca07ce68773?auto=format&fit=crop&w=1200&q=80');
  --photo-facilities:url('https://images.unsplash.com/photo-1522778119026-d647f0596c20?auto=format&fit=crop&w=1400&q=80');
  --photo-events:url('https://images.unsplash.com/photo-1505250469679-203ad9ced0cb?auto=format&fit=crop&w=1400&q=80');
  --photo-community:url('https://images.unsplash.com/photo-1518611012118-696072aa579a?auto=format&fit=crop&w=1400&q=80');
  --photo-contact:url('https://images.unsplash.com/photo-1517466787929-bc90951d0974?auto=format&fit=crop&w=1400&q=80');
  --photo-support:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1400&q=80');
  --photo-helpdesk:url('https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1400&q=80');
}

*{box-sizing:border-box}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.public-site{margin:0;background:
  radial-gradient(circle at top right, rgba(27,93,160,.1), transparent 30%),
  radial-gradient(circle at top left, rgba(31,141,101,.09), transparent 24%),
  linear-gradient(180deg, #f8fbff, #eef5fb 42%, #f8fbff 100%);
  color:var(--public-ink);font-family:"Segoe UI",Arial,sans-serif}
.public-main{display:block}
.public-shell{width:min(1180px, calc(100% - 32px));margin:0 auto}

.public-actions{display:flex;align-items:center;gap:10px}
.public-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(145deg,var(--public-blue),#2571bf);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(27,93,160,.18);transition:transform .2s ease, box-shadow .2s ease}
.public-button:hover,.public-card__cta:hover,.public-link-arrow:hover{transform:translateY(-1px);box-shadow:0 16px 28px rgba(27,93,160,.22)}
.public-button--ghost{background:#fff;color:var(--public-blue);border:1px solid var(--public-line);box-shadow:none}

.public-hero{
  position:relative;
  min-height:680px;
  display:flex;
  align-items:flex-end;
  background:
    linear-gradient(180deg, rgba(10,23,41,.18), rgba(10,23,41,.78)),
    linear-gradient(120deg, rgba(14,42,71,.92), rgba(14,42,71,.28)),
    var(--hero-image, var(--photo-hero)),
    var(--hero-fallback, url('/assets/img/sports/hero-sports.svg'));
  background-position:center;
  background-size:cover;
}

.public-hero:before,
.public-page-hero:before{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:120px;
  background:url('/assets/img/sports/pattern-waves.svg') center bottom/cover no-repeat;
  opacity:.32;
  pointer-events:none;
}

.public-hero__inner{padding:108px 0 74px;color:#fff}
.public-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.public-hero h1,.public-page-hero h1{margin:18px 0 16px;font-size:clamp(44px,8vw,86px);line-height:.94;letter-spacing:-.04em}
.public-hero p,.public-page-hero p{max-width:720px;margin:0;color:rgba(255,255,255,.84);font-size:19px;line-height:1.7}
.public-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.public-hero__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px;max-width:860px}
.public-metric{padding:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:24px;backdrop-filter:blur(8px)}
.public-metric strong{display:block;font-size:28px;margin-top:8px}

.public-section{padding:92px 0}
.public-section--tight{padding:74px 0}
.public-section--soft{position:relative;background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(237,244,250,.94))}
.public-section--soft:before{
  content:"";
  position:absolute;
  inset:0;
  background:url('/assets/img/sports/pattern-field.svg') center/cover no-repeat;
  opacity:.05;
  pointer-events:none;
}
.public-section__heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:32px}
.public-section__heading h2{margin:0;font-size:clamp(30px,5vw,52px);color:var(--public-navy);line-height:1}
.public-section__heading p{max-width:620px;margin:0;color:var(--public-muted);line-height:1.7}

.public-grid{display:grid;gap:22px}
.public-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.public-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.public-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}

.public-card{overflow:hidden;background:linear-gradient(180deg,#fff,#f9fcff);border:1px solid var(--public-line);border-radius:var(--public-radius);box-shadow:var(--public-shadow);transition:transform .22s ease, box-shadow .22s ease}
.public-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(14,42,71,.15)}
.public-card__media{position:relative;min-height:220px;background:
  linear-gradient(180deg, rgba(14,42,71,.12), rgba(14,42,71,.42)),
  var(--card-image),
  var(--card-fallback, url('/assets/img/sports/hero-sports.svg'));
  background-position:center;background-size:cover}
.public-card__media--small{min-height:180px}
.public-card__icon{position:absolute;left:18px;bottom:18px;width:58px;height:58px;padding:12px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 14px 26px rgba(0,0,0,.15)}
.public-card__icon--bi{display:inline-flex;align-items:center;justify-content:center;color:var(--ccdres-blue)}
.public-card__icon--bi i{font-size:32px;line-height:1}
.public-card__body{padding:24px}
.public-card__body h3{margin:0 0 10px;font-size:24px;color:var(--public-navy)}
.public-card__body p{margin:0 0 16px;color:var(--public-muted);line-height:1.65}
.public-card__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.public-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#edf6ff;color:var(--public-blue);font-size:13px;font-weight:800}
.public-badge--success{background:#ebfbf2;color:var(--public-green)}
.public-badge--warning{background:#fff5dd;color:#996c14}
.public-badge--dark{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.18)}
.public-card__cta,.public-link-arrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--public-blue)}

.public-feature{padding:24px;border-radius:24px;background:#fff;border:1px solid var(--public-line);box-shadow:var(--public-shadow)}
.public-feature__icon,
.public-doc-card__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--ccdres-blue);
  background:#f0f7ff;
}
.public-feature__icon{
  width:56px;
  height:56px;
  margin-bottom:16px;
  border-radius:18px;
}
.public-feature__icon i{font-size:30px;line-height:1}
.public-feature h3{margin:0 0 10px;color:var(--public-navy)}
.public-feature p{margin:0;color:var(--public-muted);line-height:1.6}

.public-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.public-strip__item{padding:18px 20px;border-radius:22px;background:#fff;border:1px solid var(--public-line);box-shadow:var(--public-shadow)}

.public-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.public-filter button{padding:11px 16px;border:1px solid var(--public-line);border-radius:999px;background:#fff;color:var(--public-navy);font-weight:800;cursor:pointer}
.public-filter button.is-active{background:var(--public-green);border-color:var(--public-green);color:#fff}

.public-page-hero{
  position:relative;
  padding:160px 0 76px;
  color:#fff;
  background:
    linear-gradient(180deg, rgba(8,20,35,.28), rgba(8,20,35,.76)),
    linear-gradient(120deg, rgba(14,42,71,.94), rgba(14,42,71,.32)),
    var(--page-hero-image),
    var(--page-hero-fallback, url('/assets/img/sports/hero-sports.svg'));
  background-size:cover;
  background-position:center;
}

.public-split{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}
.public-panel{padding:28px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--public-line);border-radius:var(--public-radius);box-shadow:var(--public-shadow)}
.public-panel h3{margin-top:0;color:var(--public-navy)}
.public-panel p,.public-panel li{color:var(--public-muted);line-height:1.65}
.public-panel ul{margin:0;padding-left:18px}

.public-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.public-step{position:relative;padding:26px;background:#fff;border:1px solid var(--public-line);border-radius:26px;box-shadow:var(--public-shadow)}
.public-step__number{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,var(--public-blue),var(--public-green));color:#fff;font-weight:900;margin-bottom:16px}

.public-cta{
  padding:42px;
  border-radius:36px;
  color:#fff;
  background:
    linear-gradient(135deg, rgba(14,42,71,.94), rgba(27,93,160,.84)),
    var(--photo-community),
    url('/assets/img/sports/hero-sports.svg');
  background-size:cover;
  background-position:center;
  box-shadow:0 30px 70px rgba(14,42,71,.2);
}
.public-cta h2{margin:0 0 14px;font-size:clamp(30px,5vw,54px);line-height:1}
.public-cta p{max-width:660px;margin:0;color:rgba(255,255,255,.82);line-height:1.7}
.public-cta .public-hero__actions{margin-top:24px}

.public-form{display:grid;gap:14px}
.public-form input,.public-form select,.public-form textarea{
  width:100%;
  min-height:52px;
  padding:14px 16px;
  border:1px solid var(--public-line);
  border-radius:18px;
  background:var(--public-white);
  color:var(--public-ink);
  font:inherit;
}
.public-form textarea{min-height:140px;resize:vertical}
.public-notice{padding:18px 20px;border-radius:20px;background:#f4fbf8;border:1px solid #cce8db;color:#1e7255}
.public-map{
  min-height:280px;
  border-radius:26px;
  background:
    linear-gradient(180deg, rgba(14,42,71,.18), rgba(14,42,71,.52)),
    var(--photo-contact),
    url('/assets/img/sports/stadium.svg');
  background-size:cover;
  background-position:center;
}

.public-doc-card{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.public-doc-card__top{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.public-doc-card__icon{width:54px;height:54px;border-radius:18px}
.public-doc-card__icon i{font-size:28px;line-height:1}

.public-footer{margin-top:84px;padding:0 0 24px;background:var(--public-navy);color:rgba(255,255,255,.86)}
.public-footer__grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:24px;padding:64px 0 34px}
.public-footer h3,.public-footer h4{margin-top:0;color:#fff}
.public-footer__tag{color:#8cc4a5}
.public-footer__list{margin:0;padding:0;list-style:none}
.public-footer__list li{margin:0 0 10px;line-height:1.6}
.public-footer__list a{color:rgba(255,255,255,.86)}
.public-footer__bottom{display:flex;justify-content:space-between;gap:16px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:rgba(255,255,255,.64)}
.footer-brand{margin-bottom:14px}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.footer-social,
.footer-contact__icon{display:inline-flex;align-items:center;gap:10px}
.footer-social{width:38px;height:38px;justify-content:center;padding:0;border-radius:999px;background:rgba(255,255,255,.08);font-size:18px;font-weight:700}
.footer-contact__icon{gap:8px;font-size:14px}
.footer-contact__icon i{font-size:14px}

.public-contact-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.public-contact-list li{display:flex;align-items:flex-start;gap:10px;color:var(--public-muted)}
.public-contact-list i{font-size:16px;margin-top:2px}

[data-hidden="true"]{display:none!important}

@media (max-width:1080px){
  .public-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .public-grid--three,.public-steps,.public-footer__grid,.public-hero__metrics,.public-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:860px){
  .public-split,.public-grid--three,.public-grid--two,.public-grid--four,.public-steps,.public-footer__grid,.public-footer__bottom,.public-hero__metrics,.public-strip{grid-template-columns:1fr}
  .public-hero{min-height:620px}
}

@media (max-width:640px){
  .public-shell{width:min(100% - 24px, 1180px)}
  .public-section{padding:74px 0}
  .public-page-hero{padding:132px 0 58px}
  .public-cta{padding:28px}
  .public-hero__inner{padding:88px 0 58px}
}