/* Strona zgłoszenia na rozmowę kwalifikacyjną przed Group Facilitation Program.
   System wizualny w całości pochodzi z gfp.css — tutaj wyłącznie to, czego
   tamten plik nie ma, plus dwa nadpisania wielkości pisma w hero. */

/* ---------- hero ---------- */
.rz-hero{max-width:820px;padding-bottom:clamp(40px,5vw,72px)}
.rz-hero h1{margin-top:18px;font-size:clamp(30px,3.8vw,50px);line-height:1.1;max-width:18ch}
.rz-hero .hero-tag{margin-top:18px;font-size:clamp(16px,1.3vw,18px);letter-spacing:.01em;color:var(--green);font-weight:500}
.rz-hero .hero-lede{margin-top:20px;max-width:62ch;color:var(--body);font-size:clamp(17px,1.4vw,19px);line-height:1.68;text-wrap:pretty}
.rz-hero .hero-ctas{margin-top:clamp(26px,3vw,36px)}
.rz-hero-note{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);
  max-width:60ch;font-size:15px;line-height:1.65;color:var(--muted)}

/* ---------- co sie dzieje ---------- */
.rz-points{display:grid;gap:0;margin-top:clamp(28px,3.5vw,44px);border-top:1px solid var(--line)}
.rz-point{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,1fr);
  gap:clamp(16px,3vw,40px);padding-block:clamp(22px,2.6vw,32px);border-bottom:1px solid var(--line)}
.rz-point h3{margin:0;font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.3;color:var(--ink)}
.rz-point p{margin:0;color:var(--body);text-wrap:pretty}

/* ---------- czego nie bedzie ---------- */
.rz-lead{margin-top:16px;color:var(--body);max-width:60ch}
.rz-nie{margin:clamp(26px,3vw,36px) 0 0;padding:0;list-style:none;
  display:grid;gap:0;border-top:1px solid var(--line)}
.rz-nie li{padding-block:18px;border-bottom:1px solid var(--line-soft);
  color:var(--body);line-height:1.68;text-wrap:pretty}
.rz-nie b{color:var(--ink);font-weight:600}

/* ---------- formularz ---------- */
.rz-signup{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,64px);align-items:start}
.rz-signup-side h2{margin-bottom:16px}
.rz-side-note{margin-top:18px;max-width:52ch;font-size:15.5px;line-height:1.65;color:var(--body)}
.rz-terminy{margin-top:clamp(28px,3.4vw,40px);padding-top:24px;border-top:1px solid var(--line)}
.rz-terminy p{margin:0;font-size:15px;line-height:1.65;color:var(--body);max-width:50ch}
.rz-terminy p+p{margin-top:8px}
.rz-terminy b{color:var(--ink);font-weight:600}

.rz-card{background:#fff;box-shadow:0 0 0 2px var(--green);padding:clamp(24px,3vw,34px)}
.rz-card label{display:block;margin:0 0 7px;font-size:14px;color:var(--body)}
.rz-req{color:var(--gold-ink)}
.rz-card input[type=text],.rz-card input[type=email],.rz-card input[type=tel],.rz-card textarea{
  width:100%;padding:12px 14px;margin-bottom:20px;font:inherit;font-size:16px;
  border:1px solid var(--line);background:#fff;color:var(--ink)}
.rz-card input[type=text],.rz-card input[type=email],.rz-card input[type=tel]{min-height:50px}
.rz-card textarea{line-height:1.6;resize:vertical;min-height:88px}
.rz-card input[aria-invalid=true],.rz-card textarea[aria-invalid=true]{border-color:#B3261E}
.rz-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}

/* Bez obramowania: legenda pola zbiorczego renderuje się w miejscu górnej
   krawędzi, więc każda linia na fieldsecie przechodzi przez napis. */
.rz-kiedy{border:0;margin:0 0 22px;padding:4px 0 0}
.rz-kiedy legend{padding:0;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.rz-kiedy-grupa{margin-top:14px}
.rz-kiedy-lab{display:block;margin-bottom:8px;font-size:14px;color:var(--body)}
.rz-checki{display:flex;flex-wrap:wrap;gap:8px 18px}
.rz-checki label{display:inline-flex;align-items:center;gap:9px;margin:0;
  min-height:34px;font-size:15px;color:var(--ink);cursor:pointer}
.rz-checki input{accent-color:var(--green);width:17px;height:17px;flex:none}

.rz-zgoda{display:grid !important;grid-template-columns:auto minmax(0,1fr);gap:11px;
  align-items:start;margin:6px 0 18px !important;font-size:14px;line-height:1.55;
  color:var(--body);cursor:pointer}
.rz-zgoda input{accent-color:var(--green);width:17px;height:17px;margin-top:3px}

.rz-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.rz-msg{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:#B3261E}
.rz-msg:empty{display:none}
.rz-consent{margin:16px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.rz-consent a{color:var(--green);text-decoration:underline}

/* display na klasie bije wbudowane [hidden]{display:none}, więc ekran
   potwierdzenia byłby widoczny od razu obok formularza. */
.rz-ok{display:grid;gap:10px;justify-items:start}
.rz-ok[hidden]{display:none}
.rz-tick{display:inline-grid;place-items:center;width:44px;height:44px;
  background:var(--green);color:#fff;font-size:22px;line-height:1}
.rz-ok h3{margin:6px 0 0;font-size:clamp(1.15rem,1.9vw,1.4rem);font-weight:500}
.rz-ok p{margin:0;color:var(--body);max-width:46ch}
.rz-ok a{color:var(--green);text-decoration:underline}

/* ---------- alternatywa ---------- */
.rz-foot{max-width:760px}
.rz-foot h2{margin-bottom:14px}
.rz-foot p{margin:0 0 22px;color:var(--body);max-width:64ch}

/* ---------- powierzchnie przegladarki ---------- */
::selection{background:var(--sage-soft);color:var(--ink)}
html{caret-color:var(--green)}

@media(max-width:900px){
  .rz-signup{grid-template-columns:minmax(0,1fr)}
  .rz-point{grid-template-columns:minmax(0,1fr);gap:8px}
}
@media(max-width:560px){
  .rz-two{grid-template-columns:minmax(0,1fr)}
}