/* Kingdom Atmosphere Academy — Formation Discovery 2.0 */
.formation-discovery{
  width:min(1180px,calc(100% - 56px));
  padding:24px 0 72px;
}
.formation-step-indicator{
  padding:7px 12px;border:1px solid var(--line);border-radius:999px;
  color:var(--muted);font-size:.74rem;font-weight:850;background:var(--surface)
}

.formation-intro{
  position:relative;isolation:isolate;overflow:hidden;
  min-height:292px;display:grid;grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);
  margin:0 0 26px;border:1px solid color-mix(in srgb,var(--gold) 46%,var(--line));
  border-radius:26px;background:#082e29;box-shadow:0 22px 55px rgba(11,29,24,.14)
}
.formation-intro::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,#07342f 0%,rgba(7,52,47,.98) 32%,rgba(7,52,47,.73) 52%,rgba(7,52,47,.08) 76%)
}
.formation-intro-copy{align-self:center;padding:34px 10px 34px 42px;color:#fff}
.formation-intro-step{
  display:inline-flex;padding:7px 11px;border:1px solid rgba(223,175,56,.5);border-radius:999px;
  color:#f2bd45;background:rgba(0,0,0,.12);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase
}
.formation-intro h1{
  max-width:690px;margin:14px 0 16px;color:#fff;
  font:700 clamp(2.35rem,4.15vw,4.4rem)/.98 Georgia,serif;letter-spacing:-.046em
}
.formation-intro h1 em{color:#e7b33c;font-style:italic}
.formation-intro p{max-width:620px;margin:0;color:rgba(255,255,255,.82);font-size:1rem;line-height:1.6}
.formation-intro-scene{
  min-height:292px;background:url('../img/discover-hero.webp') center/cover no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 36%);mask-image:linear-gradient(90deg,transparent 0%,#000 36%)
}

.formation-question{padding:0;border:0;background:transparent;box-shadow:none}
.formation-question-heading{display:flex;align-items:flex-start;gap:16px;margin:0 0 20px}
.formation-question-heading>span{
  flex:0 0 auto;width:43px;height:43px;display:grid;place-items:center;border-radius:13px;
  background:linear-gradient(145deg,#093d34,#082b28);color:#efbd45;font-size:.8rem;font-weight:900;
  box-shadow:0 8px 18px rgba(6,43,38,.18)
}
.formation-question-heading h2{margin:0 0 5px;font:700 clamp(1.7rem,2.75vw,2.55rem)/1.05 Georgia,serif;letter-spacing:-.025em}
.formation-question-heading p{margin:0;color:var(--muted)}

.formation-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.formation-choice,.formation-rhythm{position:relative;cursor:pointer}
.formation-choice input,.formation-rhythm input{position:absolute;opacity:0;pointer-events:none}
.formation-choice{
  min-height:142px;display:grid;grid-template-columns:58px minmax(0,1fr) 22px;grid-template-rows:auto auto;
  column-gap:16px;align-content:center;padding:22px 18px;border:1px solid var(--line);border-radius:18px;
  background:color-mix(in srgb,var(--surface) 94%,#fff);box-shadow:0 8px 25px rgba(17,32,27,.035);transition:.18s ease
}
.formation-choice::after{content:"›";grid-column:3;grid-row:1/3;align-self:center;color:var(--muted);font-size:2rem;font-weight:300;transition:.18s ease}
.formation-choice:hover,.formation-rhythm:hover{border-color:color-mix(in srgb,#0e5a49 50%,var(--line));transform:translateY(-2px);box-shadow:0 14px 32px rgba(17,43,35,.08)}
.formation-choice:hover::after{transform:translateX(3px);color:#0b4b3e}
.formation-choice:has(input:checked),.formation-rhythm:has(input:checked){border-color:#0b5a49;background:color-mix(in srgb,#e8f3ed 60%,var(--surface));box-shadow:0 0 0 2px rgba(11,90,73,.08),0 14px 32px rgba(17,43,35,.08)}
.formation-choice:has(input:checked)::before{content:"✓";position:absolute;right:12px;top:11px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#0b5a49;color:#fff;font-size:.78rem;font-weight:900}
.formation-choice-icon{grid-row:1/3;align-self:center;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#e7f0e7;color:#0a4b40;font-size:1.42rem}
.formation-choice:nth-child(2) .formation-choice-icon,.formation-choice:nth-child(5) .formation-choice-icon{background:#f4ead7;color:#8a5c18}
.formation-choice:nth-child(3) .formation-choice-icon,.formation-choice:nth-child(8) .formation-choice-icon{background:#ebe5ef;color:#523b70}
.formation-choice:nth-child(4) .formation-choice-icon,.formation-choice:nth-child(7) .formation-choice-icon{background:#f6ecd5;color:#806020}
.formation-choice:nth-child(6) .formation-choice-icon{background:#e4edf1;color:#315970}
.formation-choice strong{align-self:end;font-size:1rem;line-height:1.22}
.formation-choice small{align-self:start;margin-top:6px;color:var(--muted);line-height:1.42}

.formation-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px 4px 0;border-top:1px solid var(--line)}
.formation-form-actions>span{color:var(--muted);font-size:.82rem}
.formation-form-actions .button-primary{min-height:46px;padding-inline:24px;border-radius:999px;background:#073e34;border-color:#073e34;box-shadow:0 8px 20px rgba(7,62,52,.18)}
.formation-form-actions button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}

.formation-rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.formation-rhythm{min-height:210px;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:19px;background:var(--surface);transition:.18s ease}
.formation-rhythm>span{align-self:flex-start;padding:6px 9px;border-radius:999px;background:var(--surface-2);color:#9b7430;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.formation-rhythm strong{margin-top:auto;font:700 1.65rem/1.05 Georgia,serif}
.formation-rhythm small{margin-top:9px;color:var(--muted);line-height:1.5}

.formation-result{padding-bottom:90px}
.formation-result-hero{padding:clamp(30px,5vw,60px);border-radius:28px;background:radial-gradient(circle at 88% 18%,rgba(215,180,106,.3),transparent 32%),linear-gradient(135deg,#082f2a,#153f38);color:#fff}
.formation-result-hero h2{max-width:850px;margin:12px 0 16px;color:#fff;font:700 clamp(3rem,6vw,5.7rem)/.94 Georgia,serif;letter-spacing:-.05em}
.formation-result-hero>p{max-width:760px;color:rgba(255,255,255,.7);font-size:1.06rem}
.formation-result-meta{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}
.formation-result-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.75);font-size:.74rem}
.formation-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.formation-plan-grid article{min-height:260px;display:flex;flex-direction:column;padding:23px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.formation-plan-grid article>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:#9b7430;font-size:.72rem;font-weight:900}
.formation-plan-grid small{margin-top:22px;color:#9b7430;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.formation-plan-grid h3{margin:7px 0 9px;font:700 1.5rem/1.1 Georgia,serif}
.formation-plan-grid p{margin:0 0 18px;color:var(--muted)}
.formation-plan-grid a{margin-top:auto;font-weight:850}
.formation-account-note{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px;padding:22px 24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.formation-account-note p{margin:5px 0 0;color:var(--muted);font-size:.86rem}
.formation-resume{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 28px;padding:22px 24px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:20px;background:color-mix(in srgb,var(--gold) 8%,var(--surface))}
.formation-resume h2{margin:6px 0;font:700 1.65rem/1.1 Georgia,serif}
.formation-resume p{margin:0;color:var(--muted)}
.formation-resume-actions{display:flex;align-items:center;gap:14px;flex:0 0 auto}

@media(max-width:1040px){
  .formation-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .formation-intro{grid-template-columns:1fr minmax(310px,.75fr)}
}
@media(max-width:780px){
  .formation-discovery{width:min(100% - 28px,1180px);padding-top:18px}
  .formation-intro{display:block;min-height:0;border-radius:21px}
  .formation-intro-copy{padding:28px 24px 30px}
  .formation-intro h1{font-size:2.65rem}
  .formation-intro-scene{display:none}
  .formation-intro::after{background:linear-gradient(135deg,#07342f,#0a4a3f)}
  .formation-question-heading h2{font-size:1.8rem}
  .formation-choice-grid,.formation-rhythm-grid,.formation-plan-grid{grid-template-columns:1fr}
  .formation-choice{min-height:118px;padding:16px;grid-template-columns:50px minmax(0,1fr) 18px}
  .formation-choice-icon{width:50px;height:50px}
  .formation-rhythm{min-height:170px}
  .formation-form-actions,.formation-account-note,.formation-resume{align-items:stretch;flex-direction:column}
  .formation-form-actions button,.formation-account-note .button,.formation-resume .button{width:100%}
  .formation-resume-actions{align-items:stretch;flex-direction:column;width:100%}
}