:root{color-scheme:dark;--bg:#050506;--panel:#0d0d10;--panel2:#15151a;--text:#fff;--muted:#b8b8c2;--line:rgba(255,255,255,.14);--red:#d8003d;--red2:#ff1f5b;--cyan:#00d9cc;--green:#32d694;--radius:26px}
*{box-sizing:border-box}html{min-width:320px;background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--text);background:radial-gradient(circle at 12% 8%,rgba(216,0,61,.18),transparent 30%),radial-gradient(circle at 91% 43%,rgba(0,229,214,.08),transparent 31%),#050506;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}
.start-page{position:relative;min-height:100vh;padding:clamp(24px,4vw,58px);isolation:isolate;overflow:hidden}.start-page:before{content:"";position:absolute;inset:0;z-index:-2;opacity:.8;background:linear-gradient(90deg,rgba(5,5,6,.70),rgba(5,5,6,.42)),url("/images/start-a-league/start-league-enquiry-hero-wide-safe-20260522122824.webp") center/cover no-repeat;filter:contrast(1.04)}.start-page:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,rgba(5,5,6,.96) 0 30%,rgba(5,5,6,.76) 55%,rgba(5,5,6,.91) 100%),repeating-linear-gradient(115deg,transparent 0 104px,rgba(255,255,255,.025) 105px 106px)}
.start-panel{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:clamp(30px,5vw,76px);align-items:start}.start-intro{padding:clamp(12px,2vw,24px) 0 0}.eyebrow{margin:0 0 12px;color:var(--red2);font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.start-intro h1{max-width:650px;margin:0;font-size:var(--s2-h1);line-height:.94;letter-spacing:-.05em;text-transform:uppercase}.start-intro h1 span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.78)}.lead{max-width:650px;margin:27px 0 34px;color:#d5d5dc;font-size:clamp(17px,1.5vw,20px);line-height:1.65}.start-benefits{display:grid;gap:15px;margin:0;padding:0;list-style:none}.start-benefits li{display:grid;grid-template-columns:38px 1fr;gap:13px;align-items:center;color:#e7e7ec;font-size:14px;line-height:1.45}.start-benefits strong{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,31,91,.4);border-radius:50%;background:rgba(216,0,61,.18)}.start-note{max-width:630px;margin:29px 0 0;padding-left:16px;border-left:3px solid var(--cyan);color:#a9a9b4;font-size:13px;line-height:1.55}
.start-form-shell{position:relative;margin-top:0;overflow:hidden;min-height:620px;padding:clamp(25px,3.2vw,44px);border:1px solid rgba(255,255,255,.20);border-radius:var(--radius);background:radial-gradient(circle at 100% 0,rgba(216,0,61,.16),transparent 34%),linear-gradient(150deg,rgba(24,26,34,.98),rgba(9,10,14,.99));box-shadow:0 40px 110px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px)}.start-form-shell:before{content:"";position:absolute;top:0;left:0;width:145px;height:5px;background:linear-gradient(90deg,var(--red),var(--red2))}.form-heading h2,.start-success h2{margin:0 0 8px;font-size:var(--s2-h2);line-height:.98;letter-spacing:-.045em;text-transform:uppercase}.form-heading>p:last-child{margin:0 0 27px;color:#d0d5df;font-size:13px}.form-error{margin-bottom:22px;padding:14px 16px;border:1px solid rgba(255,76,119,.45);border-radius:14px;background:rgba(216,0,61,.17);font-size:14px;line-height:1.45}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field-wide{grid-column:1/-1}.field{display:block;margin-bottom:17px}.field>span{display:block;margin-bottom:9px;color:#fff;font-size:14px;font-weight:850}.field em{color:#8f8f99;font-size:11px;font-style:normal;font-weight:600}.field input,.field select,.field textarea{width:100%;min-height:48px;padding:12px 13px;border:2px solid rgba(255,255,255,.54);border-radius:13px;outline:0;color:#fff;background:#10131a;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);font:inherit;font-size:15px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field textarea{min-height:100px;resize:vertical;line-height:1.5}.field select{color-scheme:dark}.field select option{color:#111318;background:#fff}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red2);background:#141923;box-shadow:0 0 0 4px rgba(255,43,102,.16)}.field input::placeholder,.field textarea::placeholder{color:#98a0b0}.field-note,.field small{display:block;margin-top:7px;color:#9ed3f6;font-size:11px;line-height:1.4}.ts-wrapper{width:100%}.ts-wrapper .ts-control{min-height:52px;padding:8px 10px;border:2px solid rgba(255,255,255,.54)!important;border-radius:13px!important;background:#10131a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;color:#fff!important;font:inherit}.ts-wrapper.focus .ts-control{border-color:var(--red2)!important;box-shadow:0 0 0 4px rgba(255,43,102,.16)!important}.ts-wrapper.multi .ts-control>div{margin:3px 5px 3px 0;padding:7px 30px 7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:linear-gradient(100deg,#c9003a,#7c3aed);color:#fff;font-size:12px;font-weight:800;line-height:1.25}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid rgba(255,255,255,.24);color:#fff}.ts-dropdown{z-index:50;border:1px solid rgba(255,255,255,.2)!important;border-radius:12px!important;background:#090a0e!important;color:#fff!important;box-shadow:0 20px 50px rgba(0,0,0,.55)}.ts-dropdown .option{padding:11px 13px;color:#f2f2f5}.ts-dropdown .option.active,.ts-dropdown .option:hover{background:rgba(216,0,61,.22)!important;color:#fff!important}.ts-wrapper.disabled .ts-control{opacity:.62}.ts-control input{color:#fff!important}.ts-control input::placeholder{color:#888995!important}
.area-selection-status{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:1px 0 22px;padding:12px 14px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.05);color:#d2d7e0;font-size:12px}.area-selection-status.is-selected{border-color:rgba(48,212,151,.45);background:rgba(48,212,151,.07);color:#e8fff6}.status-dot{width:10px;height:10px;border-radius:50%;background:#7b7c86}.is-selected .status-dot{background:var(--green);box-shadow:0 0 13px rgba(48,212,151,.7)}.area-selection-status a{margin-left:auto;color:#fff;font-weight:800}.consent-field{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start;margin:21px 0 18px;color:#aaaab4;font-size:11px;line-height:1.5}.consent-field input{margin-top:2px;accent-color:var(--red2)}.consent-field a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:2px}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:13px 18px;border:0;border-radius:13px;color:#fff;background:linear-gradient(100deg,#b80034,var(--red2));box-shadow:0 16px 34px rgba(216,0,61,.24);font:inherit;font-weight:900;cursor:pointer}.submit-button:disabled{opacity:.6;cursor:wait}.form-reassurance{margin:10px 0 0;color:#888995;font-size:10px;text-align:center}.start-success{display:grid;align-content:center;min-height:520px}.success-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:22px;border-radius:50%;background:rgba(48,212,151,.15);color:var(--green);font-size:34px}.start-success>p{color:#c9c9d0;line-height:1.65}.success-details{display:grid;gap:10px;margin:26px 0}.success-details div{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.success-details dt{color:#888995;font-size:10px;font-weight:900;text-transform:uppercase}.success-details dd{margin:4px 0 0;font-weight:800}.secondary-link{color:#fff;font-weight:800;text-decoration:underline}
.area-lookup{padding:clamp(62px,8vw,110px) clamp(18px,5vw,64px);background:linear-gradient(180deg,#07080c,#050506)}.area-lookup-inner{width:min(1240px,100%);margin:0 auto}.area-lookup h2,.start-faq h2{margin:0;font-size:var(--s2-h2);line-height:.96;letter-spacing:-.05em;text-transform:uppercase}.section-lead{max-width:870px;margin:19px 0 28px;color:#b9bac4;font-size:16px;line-height:1.65}.area-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;margin-bottom:18px}.area-controls label{display:grid;gap:7px;color:#d5d7df;font-size:12px;font-weight:800}.area-controls input,.area-controls select,.map-reset{min-height:48px;padding:10px 13px;border:1px solid rgba(255,255,255,.23);border-radius:12px;color:#fff;background:#101116;font:inherit}.area-controls select option{color:#111;background:#fff}.map-reset{align-self:end;border-color:rgba(216,0,61,.46);background:rgba(216,0,61,.12);font-weight:900;cursor:pointer}.area-map-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:16px}.area-map-layout>#start-area-map{min-height:620px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:#0b0c11;overflow:hidden}.area-map-help{padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:radial-gradient(circle at 100% 0,rgba(216,0,61,.13),transparent 33%),#111219}.area-map-help h3{margin:0 0 14px;font-size:var(--s2-h3);letter-spacing:-.04em;text-transform:uppercase}.area-map-help>p:not(.eyebrow){color:#bcbec8;line-height:1.65}.map-key{display:grid;gap:12px;margin-top:26px}.map-key span{display:flex;gap:10px;align-items:center;color:#e1e2e7;font-size:13px}.map-key i{width:15px;height:15px;border-radius:4px}.key-colour{background:linear-gradient(135deg,#e11d48 0 25%,#f97316 25% 50%,#0d9488 50% 75%,#7c3aed 75%)}.key-selected{background:#111;border:3px solid #fff}.selected-area-wrap{margin-top:22px}.selected-area-wrap[hidden]{display:none}.selected-area-card{display:grid;grid-template-columns:1.3fr repeat(3,minmax(120px,.55fr)) auto;gap:14px;align-items:center;padding:20px;border:1px solid rgba(255,31,91,.45);border-radius:20px;background:linear-gradient(140deg,rgba(216,0,61,.12),rgba(14,15,21,.97));box-shadow:0 22px 50px rgba(0,0,0,.3)}.selected-area-card h3{margin:0 0 7px;font-size:var(--s2-h3);letter-spacing:-.035em}.selected-area-card p{margin:0;color:#b7b9c3;font-size:13px;line-height:1.5}.area-metric{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.035)}.area-metric small{display:block;color:#92949f;font-size:9px;font-weight:900;text-transform:uppercase}.area-metric strong{display:block;margin-top:4px;font-size:19px}.area-use-button{min-height:46px;padding:11px 15px;border:0;border-radius:12px;background:linear-gradient(100deg,#b80034,var(--red2));color:#fff;font-weight:900;cursor:pointer}
.start-faq{position:relative;padding:clamp(70px,9vw,125px) clamp(18px,5vw,64px);overflow:hidden;background:linear-gradient(100deg,rgba(5,5,6,.95),rgba(5,5,6,.74)),url("/images/start-a-league/faq sections.webp") center/cover no-repeat}.start-faq-inner{width:min(1030px,100%);margin:0 auto}.faq-list{display:grid;gap:11px;margin-top:31px}.faq-list details{border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(7,8,11,.86);overflow:hidden}.faq-list details[open]{border-color:rgba(255,31,91,.62);background:rgba(22,8,14,.94)}.faq-list summary{position:relative;padding:18px 54px 18px 20px;font-size:14px;font-weight:850;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:18px;top:50%;display:grid;place-items:center;width:24px;height:24px;transform:translateY(-50%);border-radius:50%;background:var(--red);font-size:15px}.faq-list details[open] summary:after{content:"–"}.faq-list details p{margin:0;padding:0 20px 20px;color:#bcbec7;font-size:14px;line-height:1.65}.faq-list details a{text-decoration:underline}
.start-footer{padding:28px 22px;border-top:1px solid rgba(255,255,255,.1);background:#020203;text-align:center}.start-footer>p{max-width:1040px;margin:0 auto 13px;color:#9a9ba5;font-size:10px;line-height:1.55}.start-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:13px}.start-footer nav a{font-size:11px;font-weight:800}
@media(max-width:1000px){.start-panel{grid-template-columns:1fr}.start-intro{max-width:760px}.area-map-layout{grid-template-columns:1fr}.area-map-layout>#start-area-map{min-height:530px}.selected-area-card{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-area-card>div:first-child{grid-column:1/-1}.area-use-button{grid-column:1/-1}}
@media(max-width:700px){.start-page{padding:20px 16px 38px}.start-brand{margin-bottom:28px}.start-intro h1{font-size:var(--s2-h1)}.start-form-shell{padding:25px 18px;border-radius:20px}.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.area-selection-status a{width:100%;margin-left:0}.area-controls{grid-template-columns:1fr}.area-map-layout>#start-area-map{min-height:420px}.selected-area-card{grid-template-columns:1fr}.selected-area-card>div:first-child,.area-use-button{grid-column:auto}.start-faq{background-position:58% center}.start-footer nav{gap:10px 14px}}

.area-use-button:disabled{opacity:.72;cursor:default}

@media(max-width:1000px){.start-panel{align-items:stretch}.start-intro{padding-top:0}.start-form-shell{width:100%}}
@media(max-width:700px){.ts-wrapper.multi .ts-control>div{max-width:100%;white-space:normal}.ts-dropdown{font-size:14px}.area-controls label{min-width:0}.area-map-help{padding:19px}.area-map-help h3{font-size:var(--s2-h3)}.selected-area-card{padding:16px}.selected-area-card h3{font-size:var(--s2-h3)}.start-benefits li{align-items:start}.start-benefits strong{margin-top:1px}}

/* 2026-08-01 readability, selected-area and confirmation refinements */
.lead{
  max-width:690px;
  font-size:clamp(20px,1.75vw,23px);
  line-height:1.68;
}
.start-benefits{gap:18px}
.start-benefits li{
  grid-template-columns:44px 1fr;
  gap:15px;
  font-size:clamp(16px,1.22vw,18px);
  line-height:1.55;
}
.start-benefits strong{width:44px;height:44px;font-size:17px}
.start-note{
  max-width:680px;
  font-size:clamp(15px,1.12vw,17px);
  line-height:1.65;
}
.section-lead{font-size:18px;line-height:1.7}
.area-map-help>p:not(.eyebrow){font-size:16px;line-height:1.7}

.selected-area-card{
  grid-template-columns:minmax(240px,.75fr) minmax(0,1.5fr) auto;
  gap:16px;
  align-items:stretch;
}
.selected-area-intro{align-self:center}
.selected-area-intro p{font-size:15px;line-height:1.6}
.area-coverage-card{
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(255,255,255,.04);
}
.area-coverage-card small{
  display:block;
  margin-bottom:7px;
  color:#9698a4;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.area-coverage-card strong{
  display:block;
  color:#fff;
  font-size:15px;
  line-height:1.6;
}
.area-use-button{align-self:center;white-space:nowrap}

.faq-list summary{
  padding:20px 58px 20px 22px;
  font-size:clamp(16px,1.3vw,18px);
  line-height:1.45;
}
.faq-list details p{
  padding:0 22px 22px;
  font-size:clamp(15px,1.18vw,17px);
  line-height:1.75;
}

.start-success{align-content:start;min-height:0}
.success-logo{
  display:block;
  width:clamp(175px,23vw,245px);
  height:auto;
  margin:0 0 24px;
}
.start-success .success-icon{margin-bottom:18px}
.start-success .success-lead{
  margin:10px 0 0;
  color:#d7d7de;
  font-size:17px;
  line-height:1.7;
}
.start-success .success-lead a{color:#fff;font-weight:800;text-decoration:underline}
.success-details-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;
  margin:28px 0 24px;
}
.success-details-grid .wide{grid-column:1/-1}
.success-details-grid div{min-width:0;padding:14px 15px}
.success-details-grid dt{font-size:11px;letter-spacing:.06em}
.success-details-grid dd{font-size:15px;line-height:1.55;overflow-wrap:anywhere}

@media(max-width:900px){
  .selected-area-card{grid-template-columns:1fr}
  .area-use-button{width:100%}
}
@media(max-width:700px){
  .lead{font-size:18px}
  .start-benefits li{font-size:15px;grid-template-columns:40px 1fr}
  .start-benefits strong{width:40px;height:40px}
  .start-note{font-size:15px}
  .section-lead{font-size:16px}
  .faq-list summary{font-size:16px;padding-left:18px}
  .faq-list details p{font-size:15px;padding-left:18px;padding-right:18px}
  .success-details-grid{grid-template-columns:1fr}
  .success-details-grid .wide{grid-column:auto}
}

/* 2026-08-01 standalone enquiry side imagery */
@media (min-width:1001px){
  .start-page::before{
    opacity:.92;
    filter:contrast(1.05) saturate(.94);
    background:
      url("/images/start-a-league-enquiry/start-league-form-left-organiser.webp") left center / clamp(430px,34vw,680px) auto no-repeat,
      url("/images/start-a-league-enquiry/start-league-form-right-venue.webp") right center / clamp(430px,34vw,680px) auto no-repeat,
      #050506;
  }
  .start-page::after{
    background:
      linear-gradient(90deg,
        rgba(5,5,6,.36) 0%,
        rgba(5,5,6,.62) 18%,
        rgba(5,5,6,.88) 38%,
        rgba(5,5,6,.90) 62%,
        rgba(5,5,6,.66) 82%,
        rgba(5,5,6,.38) 100%),
      linear-gradient(180deg,rgba(5,5,6,.18),rgba(5,5,6,.70)),
      repeating-linear-gradient(115deg,transparent 0 104px,rgba(255,255,255,.018) 105px 106px);
  }

  .area-lookup{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
      radial-gradient(circle at 8% 48%,rgba(216,0,61,.10),transparent 30%),
      radial-gradient(circle at 92% 48%,rgba(0,217,204,.08),transparent 30%),
      linear-gradient(180deg,#07080c,#050506);
  }
  .area-lookup::before,
  .area-lookup::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    z-index:-2;
    width:min(36vw,650px);
    pointer-events:none;
    background-repeat:no-repeat;
    background-size:auto 100%;
    opacity:.50;
    filter:saturate(.92) contrast(1.04);
  }
  .area-lookup::before{
    left:0;
    background-image:url("/images/start-a-league-enquiry/start-league-map-left-player.webp");
    background-position:right center;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 55%,rgba(0,0,0,.78) 72%,transparent 100%);
    mask-image:linear-gradient(90deg,#000 0%,#000 55%,rgba(0,0,0,.78) 72%,transparent 100%);
  }
  .area-lookup::after{
    right:0;
    background-image:url("/images/start-a-league-enquiry/start-league-map-right-team.webp");
    background-position:left center;
    -webkit-mask-image:linear-gradient(270deg,#000 0%,#000 55%,rgba(0,0,0,.78) 72%,transparent 100%);
    mask-image:linear-gradient(270deg,#000 0%,#000 55%,rgba(0,0,0,.78) 72%,transparent 100%);
  }
  .area-lookup-inner{
    position:relative;
    z-index:1;
  }
  .area-lookup-inner::before{
    content:"";
    position:absolute;
    inset:-42px -56px;
    z-index:-1;
    border-radius:38px;
    background:linear-gradient(90deg,
      rgba(5,5,6,.72) 0%,
      rgba(5,5,6,.91) 18%,
      rgba(5,5,6,.96) 50%,
      rgba(5,5,6,.91) 82%,
      rgba(5,5,6,.72) 100%);
    box-shadow:0 0 90px 55px rgba(5,5,6,.56);
    pointer-events:none;
  }
}

/* On stacked tablet/mobile layouts use UPL colour atmosphere only. */
@media (max-width:1000px){
  .start-page::before{
    opacity:1;
    filter:none;
    background:
      radial-gradient(circle at 8% 18%,rgba(216,0,61,.22),transparent 34%),
      radial-gradient(circle at 92% 70%,rgba(0,217,204,.12),transparent 38%),
      #050506;
  }
  .start-page::after{
    background:
      linear-gradient(145deg,rgba(5,5,6,.82),rgba(5,5,6,.96)),
      repeating-linear-gradient(115deg,transparent 0 104px,rgba(255,255,255,.018) 105px 106px);
  }
  .area-lookup{
    background:
      radial-gradient(circle at 5% 18%,rgba(216,0,61,.13),transparent 34%),
      radial-gradient(circle at 95% 72%,rgba(0,217,204,.09),transparent 36%),
      linear-gradient(180deg,#07080c,#050506);
  }
  .area-lookup::before,
  .area-lookup::after{display:none}
}