/* Přihlášení, registrace a stránky kolem nich ve vzhledu úvodní stránky
   (6. 10. 2026), převzaté z Připiš (utraty-akce, static/css/vstup.css).
   Načítá se za uvod.css - barvy, písma a tlačítka bere odtud. Vlevo
   značka a co člověka čeká, vpravo formulář; na mobilu nadpis, formulář
   a teprve pak zbytek. */
body{background:var(--bg-alt)}
.vstup{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding:32px 0}
.reg{width:min(1080px,calc(100% - 40px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"hlava form" "info form";gap:0 56px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:48px;box-shadow:var(--shadow)}
.reg-hlava{grid-area:hlava;align-self:end}
.reg-info{grid-area:info;align-self:start}
.reg-formular{grid-area:form;display:grid;gap:14px;min-width:0}
.reg .brand svg{height:46px;margin-bottom:34px}
.reg h1{font-size:clamp(30px,3.6vw,44px);line-height:1.02;letter-spacing:-.055em}
.eyebrow{display:inline-block;font:700 27px/1.1 var(--hand);color:var(--accent);transform:rotate(-2deg);transform-origin:left bottom;margin-bottom:12px}
.eyebrow::after{content:"";display:block;height:9px;margin-top:1px;background:var(--brand);-webkit-mask:url("/static/img/tah.svg") no-repeat 0 0/100% 100%;mask:url("/static/img/tah.svg") no-repeat 0 0/100% 100%}
.reg-kroky,.reg-body{list-style:none;margin:28px 0 0;padding:0;max-width:460px}
.reg-kroky{counter-reset:k}
.reg-kroky li,.reg-body li{display:grid;gap:4px 10px;padding:14px 0;border-top:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--text)}
.reg-kroky li{counter-increment:k;grid-template-columns:34px minmax(0,1fr)}
.reg-kroky li::before{content:counter(k);grid-row:span 2;font-size:26px;font-weight:700;letter-spacing:-.05em;color:var(--accent);line-height:1.1}
.reg-kroky b,.reg-body b{color:var(--head)}
.reg-kroky li.ted b::after{content:"jste tady";margin-left:10px;font:700 18px/1 var(--hand);color:var(--accent)}
.reg-body li{grid-template-columns:22px minmax(0,1fr)}
.reg-body li::before{content:"";grid-row:span 2;width:16px;height:5px;border-radius:5px;background:var(--brand);transform:rotate(-24deg);margin-top:10px}
.reg-pozn{margin:22px 0 0;font-size:15px;line-height:1.55;color:var(--text);max-width:460px}
.reg-rodic{margin:22px 0 0;padding:14px 16px;border-radius:14px;background:var(--accent-soft);font-size:15px;line-height:1.55;color:var(--text);max-width:460px}
.reg-rodic b{display:block;font:700 21px/1.1 var(--hand);color:var(--accent);margin-bottom:4px}
.reg-form{display:grid;gap:16px;background:var(--bg-alt);border-radius:18px;padding:28px;min-width:0}
.reg-form label{display:grid;gap:6px;font-size:14px;font-weight:700;color:var(--head)}
.reg-form input[type=email],.reg-form input[type=text],.reg-form input[type=password],.reg-form textarea{width:100%;border:1px solid #CBD5E1;border-radius:12px;padding:13px 14px;background:#fff;color:#0F172A;font:inherit;font-size:16px;font-weight:500}
.reg-form small,.reg-form .hint{font-weight:500;font-size:13px;line-height:1.45;color:var(--muted);margin:0}
.reg-form .souhlas{display:flex;align-items:flex-start;gap:9px;font-weight:500;font-size:14px;line-height:1.45;color:var(--text)}
.reg-form .souhlas input{margin-top:3px;accent-color:var(--accent)}
.reg-form .btn{width:100%;white-space:normal;text-align:center}
.reg-form .hlaska{margin:0}
.reg-pod{margin:0;text-align:center;font-size:14px;color:var(--text)}
.reg a:not(.btn):not(.brand),.vstup-zpet a{color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.pole{display:grid;gap:6px}
.pole-hlava{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.pole-hlava a{font-size:13px}
.oddelovac{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:600;color:var(--muted)}
.oddelovac::before,.oddelovac::after{content:"";flex:1;height:1px;background:var(--line)}
.vstup-zpet{margin:0;font-size:14px}

/* Volba tarifu v registraci. */
.volba{border:0;margin:0;padding:0;display:grid;gap:8px;min-width:0}
.volba legend{font-size:14px;font-weight:700;color:var(--head);padding:0;margin-bottom:6px}
.volba-mrizka{display:grid;grid-template-columns:1fr;gap:8px}
.reg-form .volba label{display:flex;align-items:flex-start;gap:9px;cursor:pointer;border:1.5px solid var(--line);border-radius:14px;padding:12px;background:#fff;font-weight:500}
.reg-form .volba label:has(:checked){border-color:var(--accent);background:var(--accent-soft)}
.volba input{margin-top:3px;accent-color:var(--accent)}
.volba strong{display:block;font-size:15px;color:var(--head)}
.volba span span{display:block;font-size:13px;line-height:1.4;color:var(--muted)}

.hlaska{border-radius:12px;padding:10px 12px;font-size:13.5px;line-height:1.45}
.hlaska.chyba{background:var(--danger-soft);color:#991B1B;border:1px solid #FCA5A5}
.hlaska.ok{background:var(--accent-soft);color:var(--ink);border:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}
.hlaska a{color:inherit;font-weight:700;text-decoration:underline}
/* Past na roboty (verejne/_turnstile.html) - člověk pole nevidí. */
.past{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

@media(max-width:1020px){
  .reg{grid-template-columns:1fr;grid-template-areas:"hlava" "form" "info";padding:28px;gap:24px 0}
  .reg .brand svg{margin-bottom:24px}
  .reg-kroky,.reg-body{margin-top:0}
}
@media(max-width:680px){
  .vstup{padding:16px 0}
  .reg{width:calc(100% - 32px);padding:20px}
  .reg-form{padding:18px}
  .volba-mrizka{grid-template-columns:1fr}
}

/* Stránky po odeslání (zkontrolujte e-mail, odkaz z e-mailu): jeden sloupec. */
.reg.jedna{width:min(600px,calc(100% - 40px));grid-template-columns:1fr;grid-template-areas:"hlava" "info";gap:22px 0}
.reg.jedna .reg-info{display:grid;gap:20px;justify-items:start}
.reg.jedna .reg-kroky,.reg.jedna .reg-pozn,.reg.jedna .reg-rodic{margin:0;width:100%}
.reg.jedna form{width:100%}
.reg-text{margin:0;font-size:18px;line-height:1.6;color:var(--text)}
.reg-text strong{color:var(--head);overflow-wrap:anywhere}
@media(max-width:680px){.reg.jedna{width:calc(100% - 32px)}.reg.jedna .btn{width:100%}}