/* base */
:root {
  --granat: #13294b;
  --granat-2: #1c3862;
  --alarm: #d8343c;
  --alarm-ciemny: #b3262e;
  --jasny: #eef2f6;
  --bialy: #ffffff;
  --tekst: #152238;
  --szary: #4a5870;
  --linia: #c6d0dc;
  --l-planowy: #2f6fb3;
  --l-bliski: #e0a21a;
  --l-pilny: #c85a14;
  --l-ekspres: #d8343c;
  --l-poza: #4b5566;
  --f-ind: Bahnschrift, 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif;
  --f-neo: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
  --szer: 1240px;
  --plynnie: 220ms cubic-bezier(.2, .7, .2, 1);
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 72px; }

body {
  margin: 0;
  font-family: var(--f-neo);
  font-size: 1rem;
  line-height: 1.6;
  color: var(--tekst);
  background: var(--jasny);
}

img { display: block; max-width: 100%; height: auto; }

a { color: var(--granat); text-decoration-thickness: 1px; text-underline-offset: 3px; transition: color var(--plynnie), text-decoration-color var(--plynnie); }
a:hover { color: var(--alarm-ciemny); }
a:active { color: var(--granat-2); }

:focus-visible { outline: 3px solid var(--alarm); outline-offset: 3px; }

h1, h2 { font-family: var(--f-ind); font-weight: 700; letter-spacing: -0.005em; line-height: 1.08; margin: 0 0 .6em; }
h2 { font-size: clamp(1.75rem, 3.6vw, 2.75rem); }
h3 { font-family: var(--f-neo); font-weight: 700; font-size: 1.15rem; line-height: 1.3; margin: 0 0 .5em; }
p { margin: 0 0 1em; }

.KADR_UKRYTE {
  position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.KADR_SKOK {
  position: absolute; left: 12px; top: -60px; z-index: 100;
  background: var(--bialy); color: var(--granat); padding: 10px 16px; font-weight: 700;
}
.KADR_SKOK:focus { top: 12px; }

.KADR_RAMA { width: 100%; max-width: var(--szer); margin: 0 auto; padding: 0 20px; }

.KADR_TEKST { max-width: 68ch; }

/* navigation */
.KADR_NAGLOWEK {
  position: sticky; top: 0; z-index: 40;
  background: var(--granat); color: var(--bialy);
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}
.KADR_PASEK {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  max-width: var(--szer); margin: 0 auto; padding: 0 20px; min-height: 56px;
}
.KADR_LOGO {
  display: inline-flex; align-items: center; gap: 10px;
  color: var(--bialy); text-decoration: none; font-family: var(--f-ind); font-weight: 700;
  font-size: 1.2rem; letter-spacing: .01em;
}
.KADR_LOGO:hover { color: var(--bialy); opacity: .85; }
.KADR_LOGO img { width: 32px; height: 32px; }
.KADR_PRAWA { display: flex; align-items: center; gap: 12px; }

.KADR_ZNACZNIK {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: .8rem; font-weight: 700; padding: 4px 10px;
  background: var(--kolor, var(--l-poza)); color: var(--bialy);
}
.KADR_ZNACZNIK[data-poziom="bliski"] { color: var(--granat); }
.KADR_ZNACZNIK[hidden] { display: none; }

.KADR_MENUPRZYCISK {
  font: inherit; font-size: .9rem; font-weight: 700;
  color: var(--bialy); background: transparent;
  border: 1px solid rgba(255, 255, 255, .5); padding: 7px 16px; cursor: pointer;
  transition: background var(--plynnie), border-color var(--plynnie), transform 120ms;
}
.KADR_MENUPRZYCISK:hover { background: rgba(255, 255, 255, .1); border-color: var(--bialy); }
.KADR_MENUPRZYCISK:active { transform: scale(.97); }
.KADR_MENUPRZYCISK[aria-expanded="true"] { background: var(--alarm); border-color: var(--alarm); }

.KADR_MENU { background: var(--granat-2); border-top: 1px solid rgba(255, 255, 255, .1); }
.KADR_MENU ul {
  list-style: none; margin: 0 auto; padding: 14px 20px; max-width: var(--szer);
  display: flex; flex-wrap: wrap; gap: 6px 26px;
}
.KADR_MENU a {
  color: var(--bialy); text-decoration: none; font-weight: 500; display: inline-block; padding: 6px 0;
  border-bottom: 2px solid transparent; transition: border-color var(--plynnie), color var(--plynnie);
}
.KADR_MENU a:hover { color: var(--bialy); border-bottom-color: var(--alarm); }
.KADR_MENU a[aria-current="page"] { border-bottom-color: rgba(255, 255, 255, .6); }

.KADR_JS .KADR_MENU {
  position: absolute; left: 0; right: 0; top: 100%;
  clip-path: inset(0 0 100% 0); visibility: hidden;
  transition: clip-path 300ms cubic-bezier(.2, .7, .2, 1), visibility 0s linear 300ms;
}
.KADR_JS .KADR_MENU.KADR_OTWARTE { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path 300ms cubic-bezier(.2, .7, .2, 1); }
.KADR_JS .KADR_MENU li { opacity: 0; transform: translateY(-6px); transition: opacity 200ms, transform 200ms; }
.KADR_JS .KADR_MENU.KADR_OTWARTE li {
  opacity: 1; transform: none; transition-delay: calc(80ms + var(--i, 0) * 45ms);
}

/* hero */
.KADR_START {
  position: relative; overflow: hidden;
  background: var(--granat); color: var(--bialy);
  padding: clamp(40px, 8vh, 96px) 0 clamp(44px, 7vh, 88px);
}
.KADR_TARCZA {
  position: absolute; width: 1500px; height: 1500px; right: -750px; top: -750px;
  pointer-events: none; z-index: 0; transform: rotate(var(--obrot, 0deg));
  will-change: transform;
}
.KADR_STARTSIATKA {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-areas: "pytanie" "pola" "tablo" "wynik";
  gap: 22px 40px;
}
.KADR_STARTSIATKA > * { min-width: 0; }
.KADR_STARTTYTUL { grid-area: pytanie; }
.KADR_PYTANIE { font-size: clamp(2.3rem, 7vw, 5rem); margin-bottom: .35em; max-width: 21ch; }
.KADR_LEAD { max-width: 54ch; color: #d6deea; margin: 0; }

.KADR_POLA { grid-area: pola; display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-end; align-self: end; }
.KADR_POLE { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 150px; }
.KADR_POLE label { font-size: .85rem; color: #d6deea; }
.KADR_POLA input {
  font: inherit; font-size: 1.05rem; height: 52px; padding: 0 12px; width: 100%;
  border: 2px solid transparent; background: var(--bialy); color: var(--tekst); border-radius: 0;
  transition: border-color var(--plynnie);
}
.KADR_POLA input:hover { border-color: #9fb2cc; }
.KADR_POLA input:focus-visible { border-color: var(--alarm); outline-offset: 2px; }

.KADR_WYLICZ {
  font: inherit; font-weight: 700; font-size: 1.05rem; height: 52px; padding: 0 26px;
  background: var(--alarm); color: var(--bialy); border: 0; cursor: pointer; flex: 0 0 auto;
  transition: background var(--plynnie), transform 120ms;
}
.KADR_WYLICZ:hover { background: #e24850; }
.KADR_WYLICZ:active { transform: translateY(1px); background: var(--alarm-ciemny); }

.KADR_TABLO { grid-area: tablo; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-self: end; }
.KADR_KOMORKA { border: 1px solid rgba(255, 255, 255, .42); padding: 12px 14px 10px; min-width: 0; }
.KADR_LICZBA {
  display: block; font-family: var(--f-ind); font-weight: 700; font-size: clamp(2.4rem, 5vw, 3.4rem);
  line-height: 1; font-variant-numeric: tabular-nums;
}
.KADR_PODPIS { display: block; font-size: .78rem; line-height: 1.35; color: #c3cfe0; margin-top: 8px; }

.KADR_WYNIK { grid-area: wynik; border-top: 1px solid rgba(255, 255, 255, .22); padding-top: 18px; min-height: 64px; }
.KADR_WYNIKLINIA { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 14px; font-size: 1.1rem; margin: 0; }
.KADR_WYNIKLINIA.KADR_ROZWIN { animation: kadrOdslona 420ms cubic-bezier(.2, .7, .2, 1) both; }
.KADR_WYNIKLINIA .KADR_ZNACZNIK { font-size: .85rem; }
@keyframes kadrOdslona { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }

.KADR_SZCZEGOLY { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px 36px; margin-top: 20px; }
.KADR_SZCZEGOLY[hidden] { display: none; }
.KADR_SZCZEGOLY > div { min-width: 0; }
.KADR_SZCZEGOLY h3 { font-size: 1rem; color: #ffffff; }
.KADR_SZCZEGOLY ul { margin: 0; padding-left: 1.1em; color: #dde5ef; }
.KADR_SZCZEGOLY li + li { margin-top: 4px; }
.KADR_START a { color: #ffffff; }
.KADR_START a:hover { color: #ffd4d6; }
.KADR_DOFORMULARZA {
  display: inline-block; margin-top: 16px; font-weight: 700; padding: 10px 18px;
  border: 2px solid var(--bialy); text-decoration: none;
  transition: background var(--plynnie), color var(--plynnie);
}
.KADR_START .KADR_DOFORMULARZA:hover { background: var(--bialy); color: var(--granat); }

/* light sections */
.KADR_JASNA {
  background:
    radial-gradient(ellipse 70% 60% at var(--px, 20%) var(--py, 30%), rgba(255, 255, 255, .95) 0, rgba(255, 255, 255, 0) 70%),
    var(--jasny);
}

/* form */
.KADR_ZAPYTANIE { padding: 64px 0 48px; }
.KADR_ZAPYTANIESIATKA { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px; }
.KADR_ZAPYTANIESIATKA > * { min-width: 0; }
.KADR_ZAPYTANIE h2 { max-width: 20ch; }

.KADR_FORMULARZ { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px 20px; margin-top: 12px; }
.KADR_FORMULARZ > * { min-width: 0; }
.KADR_WIERSZ { display: flex; flex-direction: column; gap: 6px; }
.KADR_WIERSZ label { font-weight: 600; font-size: .92rem; }
.KADR_OPCJA { font-weight: 400; color: var(--szary); }
.KADR_FORMULARZ input:not([type="checkbox"]):not([type="hidden"]),
.KADR_FORMULARZ select,
.KADR_FORMULARZ textarea {
  font: inherit; width: 100%; padding: 12px; min-height: 48px; border-radius: 0;
  border: 1px solid #8a99ae; background: var(--bialy); color: var(--tekst);
  transition: border-color var(--plynnie), box-shadow var(--plynnie);
}
.KADR_FORMULARZ textarea { min-height: 120px; resize: vertical; }
.KADR_FORMULARZ input:hover, .KADR_FORMULARZ select:hover, .KADR_FORMULARZ textarea:hover { border-color: var(--granat); }
.KADR_FORMULARZ input:focus-visible, .KADR_FORMULARZ select:focus-visible, .KADR_FORMULARZ textarea:focus-visible {
  outline: none; border-color: var(--granat); box-shadow: 0 0 0 3px rgba(216, 52, 60, .45);
}
.KADR_FORMULARZ [aria-invalid="true"] { border-color: var(--alarm-ciemny) !important; }
.KADR_BLAD { color: var(--alarm-ciemny); font-size: .86rem; min-height: 0; margin: 0; }
.KADR_BLAD:empty { display: none; }
.KADR_ZGODA { display: flex; gap: 10px; align-items: flex-start; font-size: .9rem; }
.KADR_ZGODA input { width: 20px; height: 20px; margin-top: 2px; flex: 0 0 auto; accent-color: var(--alarm); }
.KADR_WYSLIJ {
  font: inherit; font-weight: 700; font-size: 1.05rem; justify-self: start;
  padding: 14px 30px; background: var(--alarm); color: var(--bialy); border: 0; cursor: pointer;
  transition: background var(--plynnie), transform 120ms;
}
.KADR_WYSLIJ:hover { background: var(--alarm-ciemny); }
.KADR_WYSLIJ:active { transform: translateY(1px); }
.KADR_WYSLIJ[disabled] { background: #7b8494; cursor: progress; }
.KADR_KOMUNIKAT { font-size: .92rem; color: var(--alarm-ciemny); }
.KADR_KOMUNIKAT:empty { display: none; }

.KADR_BOK { display: grid; gap: 22px; align-content: start; }
.KADR_BOK img { width: 100%; max-width: 420px; }
.KADR_AUTOR { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 14px; align-items: start; max-width: 420px; }
.KADR_MONOGRAM {
  width: 56px; height: 56px; display: grid; place-items: center;
  background: var(--granat); color: var(--bialy); font-family: var(--f-ind); font-weight: 700; letter-spacing: .04em;
}
.KADR_AUTOR p { margin: 0 0 .4em; font-size: .93rem; }
.KADR_ROLA { color: var(--szary); font-size: .85rem !important; }

/* levels */
.KADR_POZIOMY { padding: 104px 0 96px; }
.KADR_POZIOMYGORA { display: grid; grid-template-columns: minmax(0, 1fr); gap: 8px 48px; margin-bottom: 40px; }
.KADR_POZIOMYGORA > * { min-width: 0; }
.KADR_STAWKA { font-size: 1.05rem; border-left: 4px solid var(--granat); padding: 4px 0 4px 14px; }
.KADR_STAWKA strong { font-family: var(--f-ind); font-size: 1.5rem; font-variant-numeric: tabular-nums; }

.KADR_SIATKAPOZIOMOW { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.KADR_POZIOM {
  position: relative; background: var(--bialy); border: 1px solid var(--linia);
  padding: 22px 22px 26px; min-width: 0; overflow: hidden;
  transition: transform var(--plynnie), box-shadow var(--plynnie);
}
.KADR_POZIOM::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px;
  background: var(--kolor, var(--granat)); transform: scaleY(0); transform-origin: bottom;
  transition: transform var(--plynnie);
}
.KADR_POZIOM:hover { transform: translateY(-5px); box-shadow: 0 14px 26px -18px rgba(19, 41, 75, .55); }
.KADR_POZIOM:hover::after { transform: scaleY(1); }
.KADR_POZIOM[data-poziom="planowy"] { --kolor: var(--l-planowy); }
.KADR_POZIOM[data-poziom="bliski"] { --kolor: var(--l-bliski); }
.KADR_POZIOM[data-poziom="pilny"] { --kolor: var(--l-pilny); }
.KADR_POZIOM[data-poziom="ekspres"] { --kolor: var(--l-ekspres); }
.KADR_ETYKIETA {
  display: inline-block; font-size: .8rem; font-weight: 700; padding: 3px 9px; margin-bottom: 12px;
  background: var(--kolor); color: var(--bialy);
}
.KADR_POZIOM[data-poziom="bliski"] .KADR_ETYKIETA { color: var(--granat); }
.KADR_POZIOM ul { margin: 0; padding-left: 1.1em; }
.KADR_POZIOM li + li { margin-top: 5px; }
.KADR_DOPLATA { font-weight: 700; margin-top: 14px; font-variant-numeric: tabular-nums; }
.KADR_ZFOTO { display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px; }
.KADR_ZFOTO > * { min-width: 0; }

.KADR_POZA {
  margin-top: 26px; background: var(--granat); color: var(--bialy);
  padding: 18px 22px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 24px; align-items: center;
}
.KADR_POZA p { margin: 0; }
.KADR_POZA a { color: var(--bialy); }
.KADR_POZA strong { font-family: var(--f-ind); font-size: 1.5rem; }

/* not faster */
.KADR_STALE { padding: 56px 0 120px; }
.KADR_STALESIATKA { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px 56px; }
.KADR_STALESIATKA > * { min-width: 0; }
.KADR_STALE dl { margin: 0; }
.KADR_STALE dt { font-weight: 700; font-size: 1.08rem; padding-top: 16px; border-top: 1px solid var(--linia); }
.KADR_STALE dt:first-child { border-top-color: var(--granat); }
.KADR_STALE dd { margin: 6px 0 18px; color: var(--szary); max-width: 60ch; }
.KADR_STALE figure { margin: 0; }
.KADR_STALE figcaption { font-size: .86rem; color: var(--szary); margin-top: 10px; }

/* reveal */
.KADR_JS .KADR_ODSUN { opacity: 0; transform: translateX(-28px); transition: opacity 400ms ease-out, transform 400ms ease-out; }
.KADR_JS .KADR_ODSUN.KADR_WIDOCZNE { opacity: 1; transform: none; }
.KADR_JS .KADR_ODKRYJ { clip-path: inset(0 0 100% 0); transition: clip-path 400ms cubic-bezier(.2, .7, .2, 1); }
.KADR_JS .KADR_ODKRYJ.KADR_WIDOCZNE { clip-path: inset(0 0 0 0); }

/* inner pages */
.KADR_TYTULSTRONY { background: var(--granat); color: var(--bialy); padding: 48px 0 40px; position: relative; overflow: hidden; }
.KADR_TYTULSTRONY h1 { font-size: clamp(2rem, 5vw, 3.4rem); max-width: 22ch; margin-bottom: .3em; }
.KADR_TYTULSTRONY p { color: #d6deea; max-width: 60ch; margin: 0; }
.KADR_OKRUSZKI { font-size: .85rem; margin-bottom: 16px; color: #c3cfe0; }
.KADR_OKRUSZKI a { color: #ffffff; }
.KADR_OKRUSZKI ol { list-style: none; display: flex; flex-wrap: wrap; gap: 4px 8px; margin: 0; padding: 0; }
.KADR_OKRUSZKI li + li::before { content: "/"; margin-right: 8px; color: #8fa2bd; }

.KADR_TRESC { padding: 52px 0 88px; }
.KADR_TRESC h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); margin-top: 1.4em; }
.KADR_TRESC h2:first-child { margin-top: 0; }
.KADR_TRESC ul, .KADR_TRESC ol { padding-left: 1.2em; }
.KADR_TRESC li + li { margin-top: 6px; }
.KADR_UKLAD { display: grid; grid-template-columns: minmax(0, 1fr); gap: 36px 56px; }
.KADR_UKLAD > * { min-width: 0; }
.KADR_UKLAD figure { margin: 0; }
.KADR_UKLAD figcaption { font-size: .86rem; color: var(--szary); margin-top: 8px; }
.KADR_RAMKA { background: var(--bialy); border: 1px solid var(--linia); border-left: 5px solid var(--granat); padding: 18px 20px; margin: 22px 0; }
.KADR_RAMKA p:last-child { margin-bottom: 0; }

.KADR_TABELA { overflow-x: auto; margin: 18px 0 26px; }
.KADR_TABELA table { border-collapse: collapse; width: 100%; min-width: 520px; background: var(--bialy); font-size: .94rem; }
.KADR_TABELA th, .KADR_TABELA td { text-align: left; padding: 10px 12px; border: 1px solid var(--linia); vertical-align: top; }
.KADR_TABELA th { background: #dfe6ee; }

.KADR_DANE { list-style: none; padding: 0 !important; margin: 0 0 22px; }
.KADR_DANE li { padding: 10px 0; border-bottom: 1px solid var(--linia); margin: 0 !important; }
.KADR_DANE span { display: block; font-size: .82rem; color: var(--szary); }

/* policy */
.KADR_WERSJA { background: var(--bialy); border: 1px solid var(--linia); padding: 16px 20px; margin-bottom: 30px; font-size: .94rem; }
.KADR_WERSJA ul { margin: 6px 0 0; }
.KADR_PKT { display: grid; grid-template-columns: 3.2em minmax(0, 1fr); gap: 0 10px; margin-bottom: 10px; }
.KADR_PKT > span { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--granat); }
.KADR_PKT p { margin: 0; }

/* footer */
.KADR_STOPKA { background: var(--granat); color: #d6deea; padding: 44px 0 26px; font-size: .92rem; }
.KADR_STOPKA a { color: #ffffff; }
.KADR_STOPKA a:hover { color: #ffd4d6; }
.KADR_STOPKASIATKA { display: grid; grid-template-columns: minmax(0, 1fr); gap: 28px 48px; }
.KADR_STOPKASIATKA > * { min-width: 0; }
.KADR_WLASCICIEL p { margin: 0 0 .7em; }
.KADR_WLASCICIEL strong { color: #ffffff; }
.KADR_STOPKA ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.KADR_PRAWO { border-top: 1px solid rgba(255, 255, 255, .15); margin-top: 30px; padding-top: 16px; font-size: .85rem; }

/* cookies */
.KADR_CIASTKA {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; max-height: 25vh; overflow: auto;
  background: var(--bialy); color: var(--tekst); border-top: 3px solid var(--granat);
  box-shadow: 0 -8px 20px -14px rgba(19, 41, 75, .6);
}
.KADR_CIASTKA[hidden] { display: none; }
.KADR_CIASTKAWNETRZE {
  max-width: var(--szer); margin: 0 auto; padding: 12px 20px;
  display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px;
}
.KADR_CIASTKA p { margin: 0; flex: 1 1 320px; font-size: .9rem; }
.KADR_CIASTKAPRZYCISKI { display: flex; gap: 10px; }
.KADR_CIASTKAPRZYCISKI button {
  font: inherit; font-weight: 700; font-size: .9rem; padding: 9px 18px; min-width: 120px; cursor: pointer;
  background: var(--bialy); color: var(--granat); border: 2px solid var(--granat);
  transition: background var(--plynnie), color var(--plynnie);
}
.KADR_CIASTKAPRZYCISKI button:hover { background: var(--granat); color: var(--bialy); }
.KADR_CIASTKAPRZYCISKI button:active { transform: translateY(1px); }

/* 404 and thanks */
.KADR_LISTALINKOW { list-style: none; padding: 0 !important; display: grid; gap: 10px; }
.KADR_LISTALINKOW a { font-weight: 600; }

/* breakpoints */
@media (min-width: 480px) {
  .KADR_RAMA, .KADR_PASEK { padding-left: 24px; padding-right: 24px; }
  .KADR_POLA { flex-wrap: nowrap; }
  .KADR_POLE { flex: 1 1 0; }
}

@media (min-width: 640px) {
  .KADR_FORMULARZ { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .KADR_PELNY { grid-column: 1 / -1; }
  .KADR_SZCZEGOLY { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .KADR_POZA { grid-template-columns: auto minmax(0, 1fr); }
}

@media (max-width: 479px) {
  .KADR_POLA { flex-direction: column; align-items: stretch; }
  .KADR_WYLICZ { width: 100%; }
}

@media (min-width: 768px) {
  .KADR_SIATKAPOZIOMOW { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .KADR_POZIOMYGORA { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: end; }
  .KADR_STOPKASIATKA { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
  .KADR_UKLAD { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); }
}

@media (min-width: 900px) {
  .KADR_STARTSIATKA {
    grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
    grid-template-areas: "pytanie ." "pola tablo" "wynik wynik";
  }
  .KADR_ZAPYTANIESIATKA { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 56px; }
  .KADR_BOK { padding-top: 90px; }
  .KADR_STALESIATKA { grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); }
  .KADR_STALE h2 { grid-column: 1 / -1; max-width: 18ch; margin-left: 8%; }
  .KADR_ZFOTO { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
}

@media (min-width: 1100px) {
  .KADR_SIATKAPOZIOMOW { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 22px; }
  .KADR_POZIOM[data-poziom="planowy"] { grid-column: span 7; }
  .KADR_POZIOM[data-poziom="bliski"] { grid-column: span 5; margin-top: 48px; }
  .KADR_POZIOM[data-poziom="pilny"] { grid-column: span 6; }
  .KADR_POZIOM[data-poziom="ekspres"] { grid-column: span 6; align-self: start; }
  .KADR_STOPKASIATKA { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) minmax(0, 1fr); }
  .KADR_SZCZEGOLY { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); }
}

@media (min-width: 1280px) {
  .KADR_RAMA, .KADR_PASEK { padding-left: 32px; padding-right: 32px; }
  .KADR_STARTSIATKA { grid-template-columns: minmax(0, 1fr) 340px; column-gap: 64px; }
  .KADR_POZIOMY { padding-top: 128px; }
}

@media (max-height: 640px) and (min-width: 900px) {
  .KADR_START { padding-top: 32px; padding-bottom: 36px; }
  .KADR_PYTANIE { font-size: clamp(2.2rem, 5vw, 3.6rem); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; }
  html { scroll-behavior: auto; }
  .KADR_TARCZA { transform: none !important; }
  .KADR_JS .KADR_ODSUN, .KADR_JS .KADR_ODKRYJ { opacity: 1; transform: none; clip-path: none; }
  .KADR_POZIOM:hover { transform: none; }
}

@media print {
  .KADR_NAGLOWEK, .KADR_CIASTKA, .KADR_TARCZA { display: none !important; }
}