/* Strona zapisu na webinar. Cały system wizualny pochodzi z gfp.css —
   tutaj wyłącznie to, czego tamten plik nie ma. */

/* ---------- hero ---------- */
/* Tytuł tej strony jest znacznie dłuższy niż nazwa kursu, pod którą dobrany jest
   stopień pisma w gfp.css — bez tego nagłówek rozpada się na sześć linii. */
.hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.12;max-width:17ch}
.hero .hero-line2{font-size:clamp(17px,1.5vw,20px);margin-top:16px}
.hero-tag{margin-top:22px;font-size:clamp(17px,1.35vw,19px)}
.wb-hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(36px,5vw,72px);align-items:center;padding-bottom:clamp(48px,6vw,84px)}
.wb-hero-photo{margin:0}
.wb-hero-photo img{display:block;width:100%;height:auto;object-fit:cover}
.wb-hero-photo figcaption{margin-top:12px;font-size:13px;letter-spacing:.02em;color:var(--muted)}

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

/* ---------- zapis ---------- */
.wb-signup{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);
  gap:clamp(32px,5vw,64px);align-items:start}
.wb-side-note{margin-top:18px;max-width:52ch;font-size:15.5px;line-height:1.65;color:var(--body)}
.wb-host{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;
  margin-top:clamp(28px,3.4vw,40px);padding-top:24px;border-top:1px solid var(--line)}
.wb-host img{display:block;width:96px;height:96px;object-fit:cover;border-radius:50%}
.wb-host p{margin:0;font-size:15px;line-height:1.6;color:var(--body)}
.wb-host b{color:var(--ink);font-weight:600}

.wb-card{background:#fff;box-shadow:0 0 0 2px var(--green);padding:clamp(24px,3vw,34px)}
.wb-dates{border:0;margin:0 0 24px;padding:0;display:grid;gap:10px}
.wb-dates legend{padding:0;margin-bottom:12px;font-size:13px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--muted)}
.wb-date{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;
  min-height:60px;padding:12px 15px;border:1px solid var(--line);cursor:pointer;
  transition:border-color .15s ease,background-color .15s ease}
.wb-date:hover{border-color:var(--sage)}
.wb-date input{accent-color:var(--green);width:18px;height:18px}
.wb-date-t{display:grid;line-height:1.35;min-width:0}
.wb-date-t b{font-weight:600;color:var(--ink)}
.wb-date-t small{font-size:13.5px;color:var(--muted)}
.wb-date--rec{border-style:dashed}
.wb-date--rec .wb-date-t b{font-weight:500}
.wb-date:has(input:checked){border-color:var(--green);background:var(--bg-alt)}

.wb-card label{display:block;margin:0 0 7px;font-size:14px;color:var(--body)}
.wb-req{color:var(--gold-ink)}
.wb-card input[type=text],.wb-card input[type=email]{width:100%;min-height:50px;
  padding:12px 14px;margin-bottom:20px;font:inherit;font-size:16px;
  border:1px solid var(--line);background:#fff;color:var(--ink)}
.wb-card input[aria-invalid=true]{border-color:#B3261E}
.wb-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.wb-msg{margin:0 0 14px;font-size:14.5px;line-height:1.5;color:#B3261E}
.wb-msg:empty{display:none}
.wb-consent{margin:16px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}

.wb-ok h3{margin:0 0 10px;font-size:clamp(1.15rem,1.9vw,1.4rem);font-weight:500}
.wb-ok p{margin:0 0 8px;color:var(--body)}

/* ---------- stopka ---------- */
.wb-foot p{margin:0 0 20px;max-width:66ch;color:var(--body)}

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

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

/* ---------- kto prowadzi ---------- */
.wb-bio{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1fr);
  gap:clamp(28px,4vw,56px);align-items:start}
.wb-bio-foto{margin:0}
.wb-bio-foto img{display:block;width:100%;height:auto;object-fit:cover}
.wb-bio-tresc h2{margin:0 0 16px}
.wb-cred{margin:clamp(24px,3vw,32px) 0 0;padding:0;list-style:none;display:grid;gap:0;
  border-top:1px solid var(--line)}
.wb-cred li{padding-block:13px;border-bottom:1px solid var(--line-soft);
  font-size:16px;line-height:1.6;color:var(--body)}
.wb-cred b{color:var(--ink);font-weight:600}
.wb-afil{margin-top:clamp(26px,3vw,34px)}
.wb-afil-lab{display:block;margin-bottom:14px;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted)}
.wb-afil-rzad,.wb-media-rzad{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(18px,2.6vw,34px)}
.wb-afil-rzad img{height:52px;width:auto;opacity:.85;filter:grayscale(1);
  mix-blend-mode:multiply;transition:opacity .15s ease,filter .15s ease}
.wb-afil-rzad img:hover,.wb-media-rzad img:hover{opacity:1;filter:none}
.wb-media{margin-top:clamp(44px,5vw,72px);padding-top:clamp(28px,3vw,38px);border-top:1px solid var(--line)}
.wb-media-rzad img{height:40px;width:auto;opacity:.8;filter:grayscale(1);
  mix-blend-mode:multiply;transition:opacity .15s ease,filter .15s ease}

/* ---------- glosy ---------- */
.wb-glosy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(24px,3.5vw,48px);margin-top:clamp(28px,3.5vw,44px)}
.wb-glos{margin:0;padding-top:22px;border-top:2px solid var(--green)}
.wb-glos blockquote{margin:0 0 14px;font-size:clamp(17px,1.8vw,20px);line-height:1.5;
  color:var(--ink);text-wrap:pretty}
.wb-glos blockquote::before{content:"„"}
.wb-glos blockquote::after{content:"”"}
.wb-glos figcaption{font-size:14px;color:var(--muted)}
.wb-glos figcaption b{color:var(--ink);font-weight:600}
.wb-glosy-note{margin-top:clamp(26px,3vw,36px);font-size:14.5px;color:var(--muted);max-width:62ch}
.wb-glosy-note a{color:var(--green)}

@media(max-width:900px){
  .wb-bio{grid-template-columns:minmax(0,1fr)}
  .wb-bio-foto{max-width:320px}
  .wb-glosy{grid-template-columns:minmax(0,1fr)}
}

/* ---------- oceny z ankiet ---------- */
.wb-oceny{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,30px);
  margin-top:clamp(28px,3.5vw,44px);padding-top:clamp(24px,3vw,32px);border-top:1px solid var(--line)}
.wb-ocena{display:grid;gap:8px;align-content:start}
.wb-ocena-n{font-family:var(--display);font-size:clamp(28px,3.4vw,42px);line-height:1;
  color:var(--ink);font-variant-numeric:tabular-nums}
.wb-ocena--glowna .wb-ocena-n{color:var(--green);font-size:clamp(38px,4.6vw,58px)}
.wb-ocena-l{font-size:13.5px;line-height:1.45;color:var(--muted)}
.wb-metod{margin:clamp(20px,2.4vw,28px) 0 0;font-size:13.5px;line-height:1.6;
  color:var(--muted);max-width:78ch}
.wb-glosy--para{grid-template-columns:repeat(2,minmax(0,1fr))}
.wb-warsztat{margin-top:clamp(44px,5vw,72px);padding-top:clamp(28px,3vw,38px);border-top:1px solid var(--line)}
.wb-warsztat .wb-glosy{margin-top:18px}
@media(max-width:900px){
  .wb-oceny{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
  .wb-glosy--para{grid-template-columns:minmax(0,1fr)}
}