/* Broniarz - ekran powitalny dla niezalogowanych (glowna/witaj.html). */

.witaj { max-width: 460px; margin: 0 auto; padding: 4vh 0 24px; text-align: center; }
.witaj-znak { display: flex; justify-content: center; margin-bottom: 18px; }
.witaj h1 { font-size: clamp(2.4rem, 9vw, 3.4rem); line-height: 1; margin: 0 0 12px; text-transform: uppercase; }
.witaj-podtytul { color: var(--tekst-2); font-size: 1.05rem; margin: 0 0 28px; }
.witaj-cechy { list-style: none; padding: 0; margin: 0 0 32px; display: grid; gap: 10px; text-align: left; }
.witaj-cechy li { display: flex; flex-direction: column; gap: 2px; padding: 12px 16px;
  background: var(--tlo-2); border: 1px solid var(--ramka); border-radius: 14px; }
.witaj-cechy span { color: var(--tekst-2); font-size: .9rem; }
.witaj-przyciski { display: grid; gap: 12px; }
.witaj-przyciski .przycisk { width: 100%; min-height: 56px; font-size: 1.1rem; }
/* Logo jest już w treści - w nagłówku nad nim byłoby drugi raz */
.uklad:has(.witaj) .naglowek .logo { visibility: hidden; }