.naglowek-strony{ background-color:#004080;text-align:center;padding:50px 20px;font-family:"Arial",sans-serif;} .naglowek-strony__tytul{ color:white;} .kontent{ padding:20px;justify-items:center;background:var(--bg-color);color:var(--text-color);} .kontent__tytul{ color:#004080;} .kontent__tresc{ color:var(--text-color);line-height:1.6;text-align:center;max-width:800px;} .karty{ padding-top:20px;padding-bottom:20px;padding-left:10%;padding-right:10%;background:var(--bg-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;} .karta{ background-color:white;padding:30px 20px;border-radius:12px;-webkit-box-shadow:0 6px 20px rgba(0,0,0,0.1);box-shadow:0 6px 20px rgba(0,0,0,0.1);text-align:center;-webkit-transition:-webkit-transform 0.3s,-webkit-box-shadow 0.3s;transition:-webkit-transform 0.3s,-webkit-box-shadow 0.3s;transition:transform 0.3s,box-shadow 0.3s;transition:transform 0.3s,box-shadow 0.3s,-webkit-transform 0.3s,-webkit-box-shadow 0.3s;} .karta:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 12px 25px rgba(0,0,0,0.15);box-shadow:0 12px 25px rgba(0,0,0,0.15);} .karta__ikona{ font-size:3em;color:#004080;margin-bottom:20px;} .karta__tytul{ margin-bottom:15px;color:#004080;} .karta__tresc{ line-height:1.5;color:var(--text-color);} .dodatkowe-info-kontener{ padding:50px 10% 50px 10%;background-color:var(--bg-color);} .dodatkowe-info{ margin-top:50px;background-color:#e6f0ff;padding:40px 20px;border-radius:12px;} .dodatkowe-info__tytul{ color:#004080;margin-bottom:20px;text-align:center;} .dodatkowe-info__tresc{ max-width:900px;margin:0 auto 20px auto;line-height:1.6;color:var(--text-color);} .kroki{ margin-top:50px;text-align:center;background:var(--bg-color);margin:0;padding:50px 10% 50px 10%;} .kroki__tytul{ margin-top:0;color:#004080;margin-bottom:40px;font-size:2em;} .kroki-karty{ display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;max-width:1000px;margin:0 auto;} .krok-karta{ background-color:#fff;border-radius:12px;padding:30px 20px;-webkit-box-shadow:0 6px 20px rgba(0,0,0,0.1);box-shadow:0 6px 20px rgba(0,0,0,0.1);-webkit-transition:-webkit-transform 0.3s,-webkit-box-shadow 0.3s;transition:-webkit-transform 0.3s,-webkit-box-shadow 0.3s;transition:transform 0.3s,box-shadow 0.3s;transition:transform 0.3s,box-shadow 0.3s,-webkit-transform 0.3s,-webkit-box-shadow 0.3s;} .krok-karta:hover{ -webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 12px 25px rgba(0,0,0,0.15);box-shadow:0 12px 25px rgba(0,0,0,0.15);} .krok-karta__ikona{ font-size:3em;color:#004080;margin-bottom:15px;} .krok-karta__tytul{ color:#004080;margin-bottom:10px;} .krok-karta__tresc{ line-height:1.5;color:var(--text-color);} .kontakt-kontener{ margin:0;padding:50px 10% 50px 10%;background-color:var(--bg-color);} .kontakt{ margin-top:60px;background-color:#004080;color:white;text-align:center;padding:50px 20px;border-radius:12px;} .kontakt__tytul{ font-size:2em;margin-bottom:20px;} .kontakt__tresc{ font-size:1.2em;line-height:1.6;max-width:700px;margin:0 auto 30px auto;} .kontakt__link{ display:inline-block;background-color:#ffcc00;color:#004080;font-weight:bold;padding:15px 30px;border-radius:8px;text-decoration:none;font-size:1.1em;-webkit-transition:background-color 0.3s;transition:background-color 0.3s;} .kontakt__link:hover{ background-color:#e6b800;}