#quiz-blokada { --granat:#2b2d4e; --blekit:#adc7e3; --blekit-jasny:#dce8f5; --pomarancz:#f99c2f; --bialy:#ffffff; }
  * { margin:0; padding:0; box-sizing:border-box; }
  #quiz-blokada { font-family:'Poppins',sans-serif; background:linear-gradient(180deg,#ffffff 0%,#eaf2f9 34%,#dfebf6 100%); color:var(--granat); min-height:100vh; overflow-x:hidden; position:relative; }
  #quiz-blokada .fala { position:absolute; bottom:0; left:0; width:100%; z-index:0; pointer-events:none; line-height:0; }
  #quiz-blokada .fala svg { display:block; width:100%; height:70px; }
  #quiz-blokada .scena { position:relative; z-index:1; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:44px 16px 60px; }
  #quiz-blokada .otoczka-karty { position:relative; width:100%; max-width:780px; }
  #quiz-blokada .karta { position:relative; background:var(--bialy); padding:52px 54px 46px; min-height:560px; box-shadow:0 16px 44px rgba(43,45,78,.13),0 3px 8px rgba(43,45,78,.07);
    clip-path: polygon(0.6% 1.6%, 4% 0.4%, 9% 1.4%, 15% 0.2%, 22% 1.2%, 30% 0.3%, 39% 1.3%, 48% 0.2%, 57% 1.1%, 66% 0.3%, 75% 1.3%, 84% 0.4%, 92% 1.2%, 99.4% 0.6%,
      100% 98.4%, 95% 99.7%, 88% 98.6%, 80% 99.8%, 71% 98.8%, 62% 99.9%, 52% 98.9%, 43% 99.8%, 33% 98.7%, 24% 99.9%, 16% 98.8%, 8% 99.7%, 0.4% 99%); }

  #quiz-blokada .postep { display:none; align-items:center; gap:14px; margin-bottom:32px; }
  #quiz-blokada .postep.widoczny { display:flex; }
  #quiz-blokada .postep .tor { flex:1; height:6px; background:var(--blekit-jasny); border-radius:99px; overflow:hidden; }
  #quiz-blokada .postep .wypelnienie { height:100%; width:20%; background:linear-gradient(90deg,var(--blekit),#8fb3d9); border-radius:99px; transition:width .5s cubic-bezier(.4,0,.2,1); }
  #quiz-blokada .postep .licznik { font-family:'Special Elite',monospace; font-size:15px; opacity:.8; white-space:nowrap; }

  #quiz-blokada .ekran { display:none; animation:wjazd .45s cubic-bezier(.25,.8,.35,1) both; }
  #quiz-blokada .ekran.aktywny { display:block; }
  @keyframes wjazd { from{opacity:0;transform:translateY(26px);} to{opacity:1;transform:translateY(0);} }
  @keyframes wyjazd { from{opacity:1;transform:translateY(0);} to{opacity:0;transform:translateY(-26px);} }
  #quiz-blokada .ekran.zjezdza { animation:wyjazd .3s ease both; }

  #quiz-blokada .etykietka { display:inline-block; font-size:12.5px; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:#7d9cc0; margin-bottom:14px; }
  #quiz-blokada h1 { font-size:clamp(26px,4.4vw,38px); font-weight:800; line-height:1.2; margin-bottom:12px; }
  #quiz-blokada h1 .marker { background:var(--pomarancz); color:#fff; padding:0 10px; display:inline-block; transform:rotate(-1deg); }
  #quiz-blokada .podtytul { font-size:clamp(16px,2.3vw,19px); font-weight:600; color:#6f8fb5; margin-bottom:20px; }
  #quiz-blokada .grafika-start { margin:4px 0 22px; }
  #quiz-blokada .grafika-start img { width:100%; height:auto; display:block; border-radius:4px; box-shadow:0 8px 24px rgba(43,45,78,.12); }
  #quiz-blokada .meta-linia { font-size:15px; font-weight:600; color:#5a6b8c; margin-bottom:26px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
  #quiz-blokada .meta-linia .kropka { color:var(--pomarancz); font-weight:800; }

  #quiz-blokada .guzik { display:inline-flex; align-items:center; gap:10px; background:var(--pomarancz); color:#fff; font-family:'Poppins'; font-weight:700; font-size:16px; letter-spacing:.02em; border:none; border-radius:40px; padding:17px 40px; cursor:pointer; box-shadow:0 6px 18px rgba(249,156,47,.35); transition:transform .18s,box-shadow .18s,background .18s; text-decoration:none; }
  #quiz-blokada .guzik:hover { transform:translateY(-2px) scale(1.02); box-shadow:0 10px 24px rgba(249,156,47,.45); background:#ffa947; }
  #quiz-blokada .guzik:active { transform:translateY(0) scale(.99); }
  #quiz-blokada .guzik .strzalka { transition:transform .18s; }
  #quiz-blokada .guzik:hover .strzalka { transform:translateX(4px); }
  #quiz-blokada .mikro { display:block; margin-top:13px; font-size:13px; color:#9aa3b8; line-height:1.5; }

  #quiz-blokada .nr-pytania { font-family:'Special Elite',monospace; font-size:15px; color:var(--pomarancz); margin-bottom:8px; display:flex; align-items:center; gap:8px; }
  #quiz-blokada .nr-pytania::after { content:""; height:1px; width:46px; background:var(--pomarancz); opacity:.6; }
  #quiz-blokada h2.tresc-pytania { font-size:clamp(21px,3.3vw,27px); font-weight:700; line-height:1.32; margin-bottom:26px; }
  #quiz-blokada .odpowiedzi { display:flex; flex-direction:column; gap:12px; }
  #quiz-blokada .kafel { position:relative; display:flex; align-items:flex-start; gap:14px; width:100%; text-align:left; background:#fdfcf9; border:1.5px solid #e7e2d6; border-radius:10px; padding:16px 18px; font-family:'Poppins'; font-size:15.5px; line-height:1.5; color:var(--granat); cursor:pointer; transition:transform .16s,border-color .16s,background .16s,box-shadow .16s; }
  #quiz-blokada .kafel .litera { flex:0 0 auto; font-family:'Special Elite',monospace; font-size:14px; width:30px; height:30px; border-radius:6px; border:1.5px solid var(--blekit); background:var(--blekit-jasny); color:var(--granat); display:flex; align-items:center; justify-content:center; margin-top:1px; transition:background .16s,color .16s,border-color .16s; }
  #quiz-blokada .kafel:hover { border-color:var(--blekit); background:#f4f8fd; transform:translateX(4px); box-shadow:0 4px 14px rgba(173,199,227,.28); }
  #quiz-blokada .kafel:hover .litera { background:var(--blekit); color:#fff; border-color:#8fb3d9; }
  #quiz-blokada .kafel.wybrany { border-color:var(--pomarancz); background:#fff7ec; box-shadow:0 4px 14px rgba(249,156,47,.22); }
  #quiz-blokada .kafel.wybrany .litera { background:var(--pomarancz); border-color:var(--pomarancz); color:#fff; }

  #quiz-blokada .gwiazdki-rog { position:absolute; top:-4px; right:34px; width:110px; height:70px; pointer-events:none; }
  #quiz-blokada .gwiazdki-rog svg { position:absolute; }
  #quiz-blokada .gwiazdki-rog .g-duza { top:0; right:0; }
  #quiz-blokada .gwiazdki-rog .g-srednia { top:34px; right:52px; }
  #quiz-blokada .gwiazdki-rog .g-mala { top:8px; right:78px; }

  #quiz-blokada .nawigacja-dol { display:flex; justify-content:space-between; align-items:center; margin-top:30px; gap:12px; flex-wrap:wrap; }
  #quiz-blokada .wstecz { background:none; border:none; cursor:pointer; font-family:'Poppins'; font-size:14px; font-weight:600; color:#9aa3b8; display:flex; align-items:center; gap:6px; padding:8px 4px; transition:color .15s; }
  #quiz-blokada .wstecz:hover { color:var(--granat); }

  /* ekran maila */
  #quiz-blokada .lead-mail { font-size:16px; line-height:1.6; color:#5a6b8c; font-weight:500; margin-bottom:30px; }
  #quiz-blokada .lead-mail b { color:var(--granat); font-weight:700; }
  #quiz-blokada .pole { margin-bottom:16px; }
  #quiz-blokada .pole label { display:block; font-size:13.5px; font-weight:600; color:#6b7690; margin-bottom:6px; }
  #quiz-blokada .pole input { width:100%; font-family:'Poppins'; font-size:15.5px; color:var(--granat); padding:15px 18px; border:1.5px solid #dbe3ee; border-radius:12px; background:#fbfcfe; transition:border-color .16s,box-shadow .16s; outline:none; }
  #quiz-blokada .pole input::placeholder { color:#a9b2c4; }
  #quiz-blokada .pole input:focus { border-color:var(--blekit); box-shadow:0 0 0 3px rgba(173,199,227,.28); background:#fff; }
  #quiz-blokada .pole input.blad { border-color:#e88; box-shadow:0 0 0 3px rgba(230,120,120,.18); }
  #quiz-blokada .zgoda { display:flex; gap:10px; align-items:flex-start; margin:18px 0 6px; }
  #quiz-blokada .zgoda input { margin-top:3px; width:17px; height:17px; accent-color:var(--pomarancz); flex:0 0 auto; cursor:pointer; }
  #quiz-blokada .zgoda label { font-size:12.5px; line-height:1.55; color:#7a839c; }
  #quiz-blokada .zgoda a { color:#5a7fae; text-decoration:underline; }
  #quiz-blokada .info-newsletter { font-size:12.5px; line-height:1.55; color:#8a94ab; margin:14px 0 24px; }
  #quiz-blokada .info-newsletter .serce { color:var(--blekit); }
  #quiz-blokada .komunikat-blad { font-size:13px; color:#d06666; margin:-4px 0 14px; min-height:18px; }
  #quiz-blokada .pod-guzikiem { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:16px; font-size:12.5px; color:#9aa3b8; }

  /* ekran wyniku */
  #quiz-blokada .badge-wynik { display:inline-flex; align-items:center; gap:8px; font-family:'Special Elite',monospace; font-size:14px; letter-spacing:.08em; text-transform:uppercase; color:var(--pomarancz); margin-bottom:10px; }
  #quiz-blokada .badge-wynik::after { content:""; height:1px; width:46px; background:var(--pomarancz); opacity:.6; }
  #quiz-blokada h1.nazwa-wyniku { font-size:clamp(27px,4.6vw,40px); font-weight:800; line-height:1.18; margin-bottom:22px; }
  #quiz-blokada h1.nazwa-wyniku .marker { background:var(--pomarancz); color:#fff; padding:0 12px; display:inline-block; transform:rotate(-1deg); }
  #quiz-blokada .grafika-wyniku { margin:0 0 28px; }
  #quiz-blokada .grafika-wyniku img { width:100%; height:auto; display:block; border-radius:4px; box-shadow:0 8px 24px rgba(43,45,78,.12); }
  #quiz-blokada .tresc p { font-size:15.5px; line-height:1.72; margin-bottom:16px; }
  #quiz-blokada .tresc b, #quiz-blokada .tresc strong { font-weight:700; }
  #quiz-blokada .ramka-krok { position:relative; background:var(--blekit-jasny); border-radius:10px; padding:22px 24px 20px; margin:24px 0; }
  #quiz-blokada .ramka-krok .naglowek-ramki { font-family:'Special Elite',monospace; font-size:14px; letter-spacing:.06em; text-transform:uppercase; color:#5a7fae; margin-bottom:8px; }
  #quiz-blokada .ramka-krok p { margin-bottom:0; font-size:15.5px; line-height:1.7; }
  #quiz-blokada .booster { color:var(--granat); font-weight:800; letter-spacing:.02em; }
  #quiz-blokada .zamkniecie { margin-top:6px; }
  #quiz-blokada .cta-blok { text-align:center; margin-top:30px; }
  #quiz-blokada .cta-blok .guzik { font-size:16.5px; padding:18px 44px; }
  #quiz-blokada .cta-blok .mikro { margin-top:14px; font-size:13.5px; color:#8a94ab; }

  #quiz-blokada .gwiazdki-rog.w-wyniku { top:42px; right:44px; }

  @media (max-width:640px){
    #quiz-blokada .karta { padding:36px 22px 34px; }
    #quiz-blokada .gwiazdki-rog { right:10px; transform:scale(.8); transform-origin:top right; }
    #quiz-blokada .gwiazdki-rog.w-wyniku { top:30px; right:12px; transform:scale(.75); }
    #quiz-blokada .guzik { width:100%; justify-content:center; }
  }