/* LOG OUT Adventures — /oferta/ (strefa klienta na hasło, 14.10.2026). Generator: narzedzia/zbuduj-oferty.mjs.
   Tylko strona z polem hasła: same oferty to pliki .html wgrywane w panelu (zakładka „Oferty”), mają własny wygląd.
   Tylko klasy of-*, reszta z site.css i b2b.css. Po zmianie podbij OFERTA_CSS_V w generatorze (cache .css na serwerze: 1 miesiąc). */

/* ---------- wejście: hasło na zdjęciu zorzy ---------- */
.hero.of-wejscie{min-height:100vh;min-height:100svh}
.of-wejscie-uklad{display:grid;gap:36px;align-items:end}
@media(min-width:900px){.of-wejscie-uklad{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px}}
.of-wejscie h1{max-width:12ch}
.of-wejscie h1 em{color:var(--ember-3)}
.of-form{padding:clamp(22px,2.6vw,32px);border-radius:var(--r-m);background:rgba(23,27,32,.78);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:var(--shadow-pop)}
.of-form .btn{justify-self:stretch}
.of-haslo{position:relative}
.of-haslo input{padding-right:86px;font-family:var(--mono);letter-spacing:.02em}
.of-pokaz{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:40px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--ash);font:500 13px/1 var(--body);cursor:pointer;transition:color var(--dur),background-color var(--dur)}
.of-pokaz:hover{color:var(--snow);background:rgba(237,239,240,.06)}
.of-pokaz:focus-visible{outline:2px solid var(--ember);outline-offset:0}
.of-pomoc{font-size:13.5px;line-height:1.5;color:var(--ash)}
.of-pomoc a{color:var(--snow);text-decoration:underline;text-decoration-color:rgba(237,239,240,.35);text-underline-offset:3px;white-space:nowrap}
.of-pomoc a:hover{text-decoration-color:var(--ember-3)}

/* zdjęcia hero co 5 s jak na stronie głównej (glowna.css .g-slajd): kolejne nachodzi na poprzednie z przenikaniem */
.of-slajd{opacity:0;transition:opacity 1.4s cubic-bezier(.4,0,.2,1)}
.of-slajd.on{opacity:1}
.of-slajd.of-bez{transition:none}
.hero .ph.of-slajd img{object-position:50% 50%}
@media(prefers-reduced-motion:reduce){.of-slajd{transition:none}}