@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800;900&family=Oswald:wght@500;600;700;800;900&display=swap');

.kxca,
.kxca *{ box-sizing:border-box; }

.kxca{
  --gold:#d8a246;
  --gold-soft:#f3cf85;
  --gold-deep:#87591c;
  --gold-glow:rgba(216,162,70,.24);
  --line:rgba(242,200,91,.38);
  font-family:'Montserrat',Arial,sans-serif;
  color:#fff;
  overflow:hidden;
  padding:clamp(48px,7vw,88px) 18px clamp(70px,9vw,120px);
  background:
    radial-gradient(circle at 18% 12%,rgba(242,200,91,.12),transparent 28%),
    radial-gradient(circle at 84% 44%,rgba(138,101,28,.2),transparent 32%),
    linear-gradient(135deg,#030303 0%,#090909 58%,#171104 100%);
}

.kxca-wrap{ width:min(1060px,100%); margin:0 auto; }
.kxca-hero{ text-align:center; }
.kxca h1{ margin:0; font-family:'Oswald',Impact,sans-serif; font-size:clamp(44px,7vw,84px); line-height:.9; letter-spacing:.02em; text-transform:uppercase; }
.kxca h1 span{ display:block; color:var(--gold); text-shadow:0 0 25px var(--gold-glow); }
.kxca-subtitle{ margin:20px auto 34px; color:rgba(255,255,255,.72); font-size:clamp(15px,2vw,20px); font-weight:700; }

.kxca-coaching-item{
  position:relative;
  isolation:isolate;
  width:min(760px,100%);
  min-height:190px;
  display:flex;
  align-items:center;
  margin:0 auto 42px;
  overflow:hidden;
  border:1px solid rgba(216,162,70,.3);
  border-radius:20px;
  background:#0a0a0a;
  box-shadow:0 24px 58px rgba(0,0,0,.48),0 0 34px rgba(216,162,70,.1),inset 0 1px 0 rgba(255,255,255,.05);
  text-align:left;
}
.kxca-coaching-item-photo{
  position:absolute;
  inset:0 0 0 42%;
  z-index:-2;
  width:58%;
  height:100%;
  object-fit:cover;
  object-position:0% 30%;
}
.kxca-coaching-item:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(0,0,0,.99) 0%,rgba(0,0,0,.98) 30%,rgba(0,0,0,.92) 43%,rgba(0,0,0,.64) 60%,rgba(0,0,0,.24) 82%,rgba(0,0,0,.04) 100%),
    linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.01) 38%,rgba(0,0,0,.34));
}
.kxca-coaching-item-copy{ padding:clamp(30px,5vw,48px); }
.kxca-coaching-item-copy h2{
  margin:0;
  color:var(--gold);
  font-family:'Oswald',Impact,sans-serif;
  font-size:clamp(34px,5vw,50px);
  line-height:.95;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(216,162,70,.18);
}
.kxca-coaching-item-copy p{
  margin:13px 0 0;
  color:rgba(255,255,255,.62);
  font-size:clamp(14px,2vw,17px);
  line-height:1.4;
  font-weight:700;
}

.kxca-intro{ width:min(760px,100%); margin:0 auto 30px; }
.kxca-intro p{ margin:0 0 14px; color:rgba(255,255,255,.79); font-size:16px; line-height:1.58; font-weight:600; }

.kxca-button,
.kxca-next,
.kxca-submit{
  appearance:none;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--gold-soft) 0%,var(--gold) 62%,var(--gold-deep) 100%);
  color:#161108;
  min-height:52px;
  padding:12px 28px;
  font-size:14px;
  font-weight:1000;
  letter-spacing:.07em;
  text-transform:uppercase;
  cursor:pointer;
  box-shadow:0 14px 30px rgba(0,0,0,.25),0 0 28px rgba(216,162,70,.42),inset 0 1px 0 rgba(255,255,255,.3);
}

.kxca-form-wrap{
  display:none;
  width:min(760px,100%);
  margin:58px auto 0;
  padding:26px;
  border-radius:24px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.025)),rgba(7,7,7,.82);
  box-shadow:0 28px 72px rgba(0,0,0,.48),0 0 38px var(--gold-glow),inset 0 1px 0 rgba(255,255,255,.08);
}
.kxca-form-wrap.is-open{ display:block; }
.kxca-progress{ height:7px; margin-bottom:26px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.09); }
.kxca-progress div{ width:0; height:100%; border-radius:inherit; background:var(--gold); box-shadow:0 0 16px rgba(216,162,70,.55); transition:width .24s ease; }
.kxca-step{ display:none; }
.kxca-step.is-active{ display:block; animation:kxcaFade .2s ease; }
@keyframes kxcaFade{ from{opacity:0;transform:translateY(6px)} to{opacity:1;transform:translateY(0)} }
.kxca-step-count{ color:rgba(255,255,255,.44); font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; margin-bottom:12px; }
.kxca-step h2{ margin:0 0 20px; font-family:'Oswald',Impact,sans-serif; font-size:31px; line-height:1; letter-spacing:.03em; text-transform:uppercase; }
.kxca-helper{ margin:-9px 0 17px; color:rgba(255,255,255,.5); font-size:13px; }
.kxca-options{ display:grid; gap:10px; }
.kxca-options label{ display:flex; align-items:center; gap:13px; min-height:57px; padding:13px 15px; border:1px solid rgba(255,255,255,.13); border-radius:16px; background:rgba(255,255,255,.045); color:rgba(255,255,255,.8); font-size:15px; font-weight:800; cursor:pointer; }
.kxca-options input{ position:absolute; opacity:0; pointer-events:none; }
.kxca-options label span{ width:20px; height:20px; flex:0 0 auto; border:2px solid rgba(255,255,255,.34); border-radius:50%; position:relative; }
.kxca-options input:checked + span{ border-color:var(--gold); box-shadow:0 0 16px var(--gold-glow); }
.kxca-options input:checked + span:after{ content:""; position:absolute; inset:4px; border-radius:50%; background:var(--gold); }
.kxca-options label:has(input:checked){ border-color:rgba(216,162,70,.7); background:rgba(216,162,70,.1); color:#fff; }
.kxca-field{ display:block; margin-bottom:16px; color:rgba(255,255,255,.74); font-size:13px; font-weight:850; }
.kxca-field input,
.kxca-field select{ display:block; width:100%; min-height:55px; margin-top:8px; padding:14px 15px; border:1px solid rgba(255,255,255,.14); border-radius:15px; outline:0; background:rgba(255,255,255,.07); color:#fff; font-size:16px; font-weight:700; }
.kxca-field select option{ color:#000; }
.kxca-field input:focus,.kxca-field select:focus{ border-color:var(--gold); box-shadow:0 0 0 3px rgba(216,162,70,.12); }
.kxca-error{ display:none; margin-top:15px; color:#ff8f82; text-align:center; font-size:13px; font-weight:800; }
.kxca-nav{ display:flex; justify-content:center; gap:12px; margin-top:26px; }
.kxca-nav button{ min-width:120px; display:inline-flex; align-items:center; justify-content:center; line-height:1; text-align:center; }
.kxca-back{ appearance:none; min-height:52px; padding:12px 25px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.08); color:#fff; font-size:13px; font-weight:900; text-transform:uppercase; cursor:pointer; }

.kxca-timeline{ width:min(820px,100%); margin:100px auto 0; text-align:center; }
.kxca-timeline article{ padding:25px; border:1px solid var(--line); border-radius:19px; background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(0,0,0,.45); box-shadow:0 0 24px rgba(216,162,70,.12); }
.kxca-timeline strong{ display:grid; place-items:center; width:45px; height:45px; margin:0 auto 13px; border:2px solid var(--gold); border-radius:50%; color:var(--gold-soft); font-family:'Oswald',sans-serif; font-size:26px; box-shadow:0 0 18px var(--gold-glow); }
.kxca-timeline h2{ margin:0; font-family:'Oswald',sans-serif; font-size:25px; line-height:1.05; text-transform:uppercase; }
.kxca-timeline p{ margin:9px 0 0; color:rgba(255,255,255,.72); line-height:1.45; font-weight:650; }
.kxca-arrow{ margin:12px 0; color:var(--gold); font-size:30px; line-height:1; text-shadow:0 0 12px var(--gold-glow); }
.kxca-outcome-grid{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; }
.kxca-outcome-grid > span{ color:var(--gold); font-size:12px; font-weight:1000; letter-spacing:.12em; }
.kxca-timeline .kxca-outcome{ padding:19px 22px; }
.kxca-outcome .kxca-outcome-grid{ gap:14px; }
.kxca-outcome .kxca-outcome-grid h2{ font-size:19px; }
.kxca-outcome .kxca-outcome-grid p{ margin-top:6px; font-size:13px; line-height:1.35; }

.kxca-returning,
.kxca-why{ width:min(820px,100%); margin:80px auto 0; padding:28px; border-radius:20px; }
.kxca-returning{
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}
.kxca-returning h2,.kxca-why h2{ margin:0 0 13px; color:var(--gold-soft); font-family:'Oswald',sans-serif; font-size:30px; line-height:1; text-transform:uppercase; }
.kxca-returning p,.kxca-why p{ margin:0; color:rgba(255,255,255,.76); font-size:15px; line-height:1.56; font-weight:600; }
.kxca-why{ border-top:1px solid var(--line); border-radius:0; padding:38px 0 0; }
.kxca-why p + p{ margin-top:16px; }
.kxca-bottom-button{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:72px auto 0;
  line-height:1;
  text-align:center;
}

@media(max-width:700px){
  .kxca{ padding:42px 12px 78px; }
  .kxca h1{ font-size:44px; }
  .kxca-subtitle{ margin-bottom:30px; }
  .kxca-coaching-item{ min-height:170px; margin-bottom:38px; border-radius:17px; }
  .kxca-coaching-item-photo{ left:38%; width:62%; }
  .kxca-coaching-item-copy{ max-width:76%; padding:30px 24px; }
  .kxca-intro p{ font-size:14px; }
  .kxca-button{ width:min(300px,100%); }
  .kxca-form-wrap{ margin-top:62px; padding:16px; border-radius:19px; }
  .kxca-step h2{ font-size:25px; }
  .kxca-options label{ font-size:14px; }
  .kxca-timeline{ margin-top:92px; }
  .kxca-timeline article{ padding:22px 16px; }
  .kxca-outcome-grid{ grid-template-columns:1fr; gap:18px; }
  .kxca-outcome-grid > span{ margin:1px 0; }
  .kxca-timeline .kxca-outcome{ padding:18px 14px; }
  .kxca-outcome .kxca-outcome-grid{ gap:10px; }
  .kxca-outcome .kxca-outcome-grid h2{ font-size:17px; }
  .kxca-outcome .kxca-outcome-grid p{ font-size:12px; }
  .kxca-returning,.kxca-why{ margin-top:76px; padding:24px 18px; }
  .kxca-returning{ padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
  .kxca-why{ padding:34px 4px 0; }
  .kxca-returning h2,.kxca-why h2{ font-size:26px; }
  .kxca-bottom-button{ margin-top:66px; }
}