**Jak zwiększyć *zarobki* dzięki *sztucznej inteligencji* w 2027**

<section id="why-develop-skills"> <style> #why-develop-skills { padding-block: var(--et-spacing-vertical, 48px); padding-inline: var(--et-spacing-horizontal, 16px); } @media (min-width: 1024px) { #why-develop-skills { padding-block: var(--et-spacing-vertical-lg, 80px); padding-inline: var(--et-spacing-horizontal-lg, 32px); } } #why-develop-skills .container { margin-inline: auto; max-width: 42rem; } @media (min-width: 1024px) { #why-develop-skills .container { max-width: 80rem; } } #why-develop-skills .heading { color: var(--et-colors-text); font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; margin-bottom: 16px; } #why-develop-skills .section-title { font-size: 36px; text-align: center; margin-inline: auto; max-width: 42rem; margin-bottom: 48px; } @media (min-width: 640px) { #why-develop-skills .section-title { font-size: 48px; } } #why-develop-skills .cards-grid { display: grid; grid-template-columns: 1fr; gap: 24px; max-width: 64rem; margin-inline: auto; } @media (min-width: 768px) { #why-develop-skills .cards-grid { grid-template-columns: 1fr 1fr; } } #why-develop-skills .card { background-color: var(--et-colors-card-background, #ffffff); border: 1px solid var(--et-colors-border, rgba(0, 0, 0, 0.1)); border-radius: 8px; /* Fixed 8px radius per instructions */ padding: 2rem; display: flex; flex-direction: column; box-sizing: border-box; height: 100%; } #why-develop-skills .tag { color: var(--et-colors-brand); font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; font-size: 16px; margin-bottom: 8px; } #why-develop-skills .stats-row { display: flex; flex-wrap: wrap; gap: 32px; margin-top: 8px; margin-bottom: 24px; } #why-develop-skills .stat { display: flex; flex-direction: column; gap: 4px; } #why-develop-skills .stat-number { color: var(--et-colors-brand); font-size: 3rem; font-weight: 700; line-height: 1; letter-spacing: -0.02em; } #why-develop-skills .stat-label { color: var(--et-colors-text); font-size: 0.875rem; font-weight: 600; opacity: 0.7; letter-spacing: 0.02em; text-transform: uppercase; } #why-develop-skills .paragraph { color: var(--et-colors-text); font-size: 18px; opacity: 0.7; text-wrap: balance; line-height: 1.6; margin-bottom: 20px; } #why-develop-skills .paragraph.emphasis { opacity: 0.9; font-weight: 500; } #why-develop-skills .paragraph.caveat { font-size: 14px; opacity: 0.5; margin-top: auto; /* Pushes the caveat to the bottom of the card */ } #why-develop-skills .last { margin-bottom: 0 !important; } </style> <div class="container"> <h2 class="heading section-title">Dlaczego warto rozwijać te kompetencje?</h2> <div class="cards-grid"> <!-- Card 1: Time & Quality --> <article class="card"> <h3 class="tag">Czas i jakość</h3> <div class="stats-row"> <div class="stat"> <span class="stat-number">40%</span> <span class="stat-label">Krótszy czas</span> </div> <div class="stat"> <span class="stat-number">18%</span> <span class="stat-label">Wyższa jakość</span> </div> </div> <p class="paragraph"> AI może skracać czas wykonania konkretnych zadań. W eksperymencie dotyczącym zawodowych zadań pisarskich osoby korzystające z ChatGPT wykonywały je średnio w czasie krótszym o 40%, a ocena jakości wzrosła o 18%. To wynik tych konkretnych zadań. </p> <p class="paragraph emphasis last"> Podczas webinaru pokażę Ci, jak sprawdzać korzyści we własnej pracy. </p> </article> <!-- Card 2: Labor Market --> <article class="card"> <h3 class="tag">Rynek pracy</h3> <div class="stats-row"> <div class="stat"> <span class="stat-number">56%</span> <span class="stat-label">Premii płacowej</span> </div> </div> <p class="paragraph"> Umiejętności AI mają wartość na rynku pracy. Raport PwC z 2025 roku wskazuje średnią premię płacową 56% dla ról wymagających kompetencji AI względem podobnych ról. </p> <p class="paragraph caveat last"> To obserwowana zależność, a nie gwarancja podwyżki po szkoleniu. </p> </article> </div> </div> </section>

<section id="target-audience"> <style> #target-audience { padding-block: var(--et-spacing-vertical); padding-inline: var(--et-spacing-horizontal); } @media (min-width: 1024px) { #target-audience { padding-block: var(--et-spacing-vertical-lg); padding-inline: var(--et-spacing-horizontal-lg); } } #target-audience .container { margin-inline: auto; max-width: 42rem; } @media (min-width: 1024px) { #target-audience .container { max-width: 80rem; } } #target-audience .text-center { text-align: center; display: flex; flex-direction: column; align-items: center; } #target-audience .header-group { margin-bottom: 48px; display: flex; flex-direction: column; align-items: center; } @media (min-width: 1024px) { #target-audience .header-group { margin-bottom: 64px; } } #target-audience .heading { color: var(--et-colors-text); font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; text-wrap: balance; max-width: 42rem; font-size: 36px; margin-bottom: 16px; } @media (min-width: 640px) { #target-audience .heading { font-size: 48px; } } #target-audience .paragraph { color: var(--et-colors-text); font-size: 18px; opacity: 0.7; text-wrap: balance; max-width: 42rem; margin-bottom: 0; line-height: 1.6; } #target-audience .grid { display: grid; gap: 24px; width: 100%; margin-bottom: 48px; } @media (min-width: 768px) { #target-audience .grid { grid-template-columns: repeat(3, 1fr); } } @media (min-width: 1024px) { #target-audience .grid { margin-bottom: 64px; } } #target-audience .card { background-color: var(--et-colors-card-background, #ffffff); border: 1px solid var(--et-colors-border, rgba(0,0,0,0.1)); border-radius: 8px; padding: 2.25rem 1.5rem; display: flex; align-items: center; justify-content: center; height: 100%; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.025); } #target-audience .card-title { color: var(--et-colors-card-text, var(--et-colors-text)); font-weight: 600; font-size: 20px; line-height: 1.3; margin-bottom: 0; text-wrap: balance; } #target-audience .closing-text { font-size: 20px; font-weight: 500; opacity: 0.9; color: var(--et-colors-text); max-width: 48rem; margin-bottom: 0; } </style> <div class="container text-center"> <div class="header-group"> <h2 class="heading">Dla kogo jest ten webinar?</h2> <p class="paragraph">Dla osób pracujących na etacie, rozwijających własną działalność lub szukających dodatkowego źródła dochodu.</p> </div> <div class="grid"> <div class="card"> <h3 class="card-title">Osoby na etacie</h3> </div> <div class="card"> <h3 class="card-title">Własna działalność</h3> </div> <div class="card"> <h3 class="card-title">Dodatkowe źródło dochodu</h3> </div> </div> <p class="closing-text">Wybierz umiejętność, którą wykorzystasz u siebie lub zamienisz w usługę dla klientów.</p> </div> </section>