/* Resetowanie stylów, aby uniknąć konfliktów z motywem Elementora.
Używamy specyficznego selektora, aby ograniczyć style tylko do naszej sekcji. */
.szkolenie-landing-page-wrapper * {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
}.szkolenie-landing-page-wrapper {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
background-color: #f5f5f5;
/* Ważne: resetujemy tło dla samego kontenera */
background: #f5f5f5;
}/* Hero Section */
.szkolenie-landing-page-wrapper .hero {
background: linear-gradient(135deg, #dc143c 0%, #b01030 100%);
color: white;
padding: 80px 20px 60px;
text-align: center;
}.szkolenie-landing-page-wrapper .container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}.szkolenie-landing-page-wrapper .badge {
display: inline-block;
background-color: #ffffff;
color: #dc143c;
padding: 8px 20px;
border-radius: 25px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}.szkolenie-landing-page-wrapper h1 {
font-size: 2.8em;
line-height: 1.2;
margin-bottom: 30px;
font-weight: 700;
color: white; /* Jawne ustawienie koloru na wypadek konfliktu */
}.szkolenie-landing-page-wrapper .hero p {
font-size: 1.3em;
line-height: 1.6;
max-width: 900px;
margin: 0 auto 40px;
opacity: 0.95;
color: white;
}/* Form Section */
.szkolenie-landing-page-wrapper .form-section {
background: white;
padding: 50px 20px;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}.szkolenie-landing-page-wrapper .form-container {
max-width: 600px;
margin: 0 auto;
background: #ffffff;
padding: 40px;
border-radius: 12px;
border: 2px solid #e0e0e0;
}.szkolenie-landing-page-wrapper .form-header {
text-align: center;
margin-bottom: 30px;
}.szkolenie-landing-page-wrapper .form-header h2 {
color: #dc143c;
font-size: 1.8em;
margin-bottom: 10px;
}.szkolenie-landing-page-wrapper .form-header p {
color: #666;
font-size: 1.1em;
}.szkolenie-landing-page-wrapper .form-group {
margin-bottom: 20px;
}.szkolenie-landing-page-wrapper label {
display: block;
margin-bottom: 8px;
color: #333;
font-weight: 600;
font-size: 0.95em;
}.szkolenie-landing-page-wrapper input[type="text"],
.szkolenie-landing-page-wrapper input[type="email"],
.szkolenie-landing-page-wrapper input[type="tel"] {
width: 100%;
padding: 15px;
border: 2px solid #e0e0e0;
border-radius: 8px;
font-size: 16px;
transition: border-color 0.3s;
background: #fff; /* Upewniamy się, że tło jest białe */
color: #333; /* Upewniamy się, że tekst jest widoczny */
}.szkolenie-landing-page-wrapper input[type="text"]:focus,
.szkolenie-landing-page-wrapper input[type="email"]:focus,
.szkolenie-landing-page-wrapper input[type="tel"]:focus {
outline: none;
border-color: #dc143c;
}.szkolenie-landing-page-wrapper .checkbox-group {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}.szkolenie-landing-page-wrapper .checkbox-group input[type="checkbox"] {
margin-right: 10px;
margin-top: 5px;
width: 18px;
height: 18px;
cursor: pointer;
/* Resetowanie wyglądu checkboxa, aby uniknąć stylów motywu */
appearance: checkbox;
}.szkolenie-landing-page-wrapper .checkbox-group label {
font-weight: normal;
font-size: 0.9em;
color: #666;
cursor: pointer;
}.szkolenie-landing-page-wrapper .submit-btn {
width: 100%;
padding: 18px;
background: linear-gradient(135deg, #dc143c 0%, #b01030 100%);
color: white;
border: none;
border-radius: 8px;
font-size: 1.2em;
font-weight: bold;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s;
text-transform: uppercase;
letter-spacing: 1px;
}.szkolenie-landing-page-wrapper .submit-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(220, 20, 60, 0.4);
}.szkolenie-landing-page-wrapper .trust-badges {
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #e0e0e0;
font-size: 0.9em;
color: #666;
}.szkolenie-landing-page-wrapper .trust-badge-item {
display: flex;
align-items: center;
gap: 8px;
}.szkolenie-landing-page-wrapper .trust-badge-item::before {
content: "✓";
color: #4caf50;
font-weight: bold;
font-size: 1.2em;
}/* Content Section */
.szkolenie-landing-page-wrapper .content-section {
background: #f9f9f9;
padding: 80px 20px;
}.szkolenie-landing-page-wrapper .content-section h2 {
text-align: center;
font-size: 2.4em;
color: #dc143c;
margin-bottom: 20px;
}.szkolenie-landing-page-wrapper .content-section .subtitle {
text-align: center;
font-size: 1.2em;
color: #666;
margin-bottom: 60px;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}.szkolenie-landing-page-wrapper .benefits-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
max-width: 1100px;
margin: 0 auto;
}.szkolenie-landing-page-wrapper .benefit-card {
background: white;
padding: 40px;
border-radius: 12px;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
transition: transform 0.3s, box-shadow 0.3s;
}.szkolenie-landing-page-wrapper .benefit-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}.szkolenie-landing-page-wrapper .benefit-number {
display: inline-block;
width: 50px;
height: 50px;
background: linear-gradient(135deg, #dc143c 0%, #b01030 100%);
color: white;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 20px;
}.szkolenie-landing-page-wrapper .benefit-card h3 {
color: #dc143c;
font-size: 1.5em;
margin-bottom: 15px;
line-height: 1.3;
}.szkolenie-landing-page-wrapper .benefit-card p {
color: #555;
font-size: 1.05em;
line-height: 1.7;
}/* Social Proof Section */
.szkolenie-landing-page-wrapper .social-proof {
background: white;
padding: 60px 20px;
text-align: center;
}.szkolenie-landing-page-wrapper .social-proof h3 {
font-size: 2em;
color: #dc143c;
margin-bottom: 40px;
}.szkolenie-landing-page-wrapper .stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 40px;
max-width: 900px;
margin: 0 auto;
}.szkolenie-landing-page-wrapper .stat-item {
padding: 20px;
}.szkolenie-landing-page-wrapper .stat-number {
font-size: 3em;
font-weight: bold;
color: #dc143c;
margin-bottom: 10px;
}.szkolenie-landing-page-wrapper .stat-label {
font-size: 1.1em;
color: #666;
}/* CTA Section */
.szkolenie-landing-page-wrapper .cta-section {
background: linear-gradient(135deg, #dc143c 0%, #b01030 100%);
color: white;
padding: 60px 20px;
text-align: center;
}.szkolenie-landing-page-wrapper .cta-section h2 {
font-size: 2.2em;
margin-bottom: 20px;
color: white;
}.szkolenie-landing-page-wrapper .cta-section p {
font-size: 1.2em;
margin-bottom: 30px;
opacity: 0.95;
color: white;
}.szkolenie-landing-page-wrapper .cta-btn {
display: inline-block;
padding: 18px 50px;
background: white;
color: #dc143c;
text-decoration: none;
border-radius: 8px;
font-size: 1.2em;
font-weight: bold;
transition: transform 0.2s, box-shadow 0.2s;
text-transform: uppercase;
letter-spacing: 1px;
border: 2px solid white;
}.szkolenie-landing-page-wrapper .cta-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.95);
color: #dc143c; /* Upewnienie się, że kolor tekstu pozostaje */
}/* Footer */
.szkolenie-landing-page-wrapper footer {
background: #8b0000;
color: white;
padding: 30px 20px;
text-align: center;
}.szkolenie-landing-page-wrapper footer p {
opacity: 0.8;
font-size: 0.95em;
color: white;
}/* Responsive */
@media (max-width: 768px) {
.szkolenie-landing-page-wrapper h1 {
font-size: 2em;
}.szkolenie-landing-page-wrapper .hero p {
font-size: 1.1em;
}.szkolenie-landing-page-wrapper .form-container {
padding: 30px 20px;
}.szkolenie-landing-page-wrapper .benefits-grid {
grid-template-columns: 1fr;
}.szkolenie-landing-page-wrapper .trust-badges {
flex-direction: column;
gap: 15px;
}.szkolenie-landing-page-wrapper .stats-grid {
grid-template-columns: 1fr;
}
}
/* Style dla błędu walidacji */
.szkolenie-landing-page-wrapper input.error {
border-color: #dc143c;
animation: shake 0.3s;
}@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
}/* Style dla modala (zastępuje alert) */
.szkolenie-modal-overlay {
display: none; /* Domyślnie ukryty */
position: fixed;
z-index: 10001; /* Wyższy z-index na wypadek konfliktu z Elementorem */
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0,0,0,0.5);
justify-content: center;
align-items: center;
}
.szkolenie-modal-content {
background-color: #ffffff;
margin: 15% auto;
padding: 30px;
border: 1px solid #888;
width: 80%;
max-width: 500px;
border-radius: 12px;
box-shadow: 0 5px 15px rgba(0,0,0,0.3);
text-align: center;
z-index: 10002;
}
.szkolenie-modal-content h3 {
color: #4caf50;
font-size: 1.5em;
margin-bottom: 20px;
}
.szkolenie-modal-content p {
font-size: 1.1em;
color: #333;
margin-bottom: 25px;
}
.szkolenie-modal-close-btn {
background: #dc143c;
color: white;
padding: 12px 25px;
border: none;
border-radius: 8px;
font-size: 1em;
font-weight: bold;
cursor: pointer;
}
.szkolenie-modal-close-btn:hover {
background: #b01030;
}
Bezpłatne Szkolenie
Twoje dziecko może uczyć się samo!
Poznaj metody skutecznej nauki, dzięki którym tysiące rodziców odzyskało spokojne wieczory - bez codziennej nauki z dziećmi.
Czego dowiesz się na szkoleniu?
Odkryj sprawdzone metody, które pomogą Twojemu dziecku uczyć się skuteczniej i samodzielniej
1
Dlaczego Twoje dziecko uczy się godzinami… i nadal NIC nie pamięta?
Poznasz największe błędy współczesnej nauki, które spowalniają zapamiętywanie i blokują rozwój.
2
Fundamenty skutecznego uczenia się
Dowiesz się, jak naprawdę działa pamięć – i dlaczego bez koncentracji i zrozumienia dziecko nie zapamięta praktycznie nic.
3
Co zrobić, gdy dziecko „uczy się na pamięć" i dalej nie rozumie materiału?
Dowiesz się, jak przejść z bezsensownego wkuwania na prawdziwe zrozumienie, dzięki któremu nauka staje się szybsza i lżejsza.
Dołącz do tysięcy zadowolonych rodziców
5000+
Rodziców przeszkolonych
Nie czekaj - zapisz się już dziś!
Miejsca są ograniczone. Dołącz do bezpłatnego szkolenia i odkryj, jak Twoje dziecko może uczyć się samo.
Zapisz się terazDziękujemy!
Szczegóły szkolenia zostały wysłane na Twój adres e-mail.
(function() {
// Cały skrypt umieszczamy w funkcji, aby uniknąć konfliktów globalnych zmiennych
// Używamy 'szkolenie-landing-page-wrapper' jako głównego kontenera dla wszystkich zapytań
const wrapper = document.querySelector('.szkolenie-landing-page-wrapper');
if (!wrapper) {
console.error("Nie znaleziono głównego kontenera .szkolenie-landing-page-wrapper. Skrypty nie zostaną uruchomione.");
return;
}// Smooth scroll for CTA button
// Szukamy linków tylko w obrębie naszego wrappera
wrapper.querySelectorAll('a.szkolenie-scroll-link[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const hrefAttribute = this.getAttribute('href');
// Szukamy docelowego elementu tylko w obrębie naszego wrappera
const target = wrapper.querySelector(hrefAttribute);
if (target) {
target.scrollIntoView({
behavior: 'smooth',
block: 'center'
});
}
});
});// Form submission handling
const form = wrapper.querySelector('#szkolenieRegistrationForm');
const modal = wrapper.querySelector('#szkolenieSuccessModal');
const closeModalBtn = wrapper.querySelector('#szkolenieCloseModalBtn');if (form) {
form.addEventListener('submit', function(e) {
e.preventDefault();
// Get form data
const formData = {
name: form.querySelector('#name').value,
email: form.querySelector('#email').value,
phone: form.querySelector('#phone').value,
consent: form.querySelector('#consent').checked
};
// Here you would normally send data to your server
console.log('Form submitted:', formData);
// Show success message
if (modal) {
modal.style.display = 'flex';
}
// Reset form
this.reset();
});
}// Modal close logic
if (modal && closeModalBtn) {
closeModalBtn.addEventListener('click', () => {
modal.style.display = 'none';
});
// Kliknięcie poza modalem, aby go zamknąć
modal.addEventListener('click', (event) => {
if (event.target === modal) {
modal.style.display = 'none';
}
});
}// Form validation enhancement
const inputs = wrapper.querySelectorAll('input[required]');
inputs.forEach(input => {
// Usunięcie domyślnej walidacji bąbelkowej
input.addEventListener('invalid', function(e) {
e.preventDefault();
this.classList.add('error');
// Opcjonalnie: można dodać bardziej zaawansowaną logikę pokazywania błędów
});
// Usunięcie klasy błędu podczas wpisywania
input.addEventListener('input', function() {
if (this.classList.contains('error')) {
this.classList.remove('error');
}
});
});})();