/* 1. NOWY TEKST CALL TO ACTION */
form div p:first-of-type::before {
    content: "Bądź na bieżąco z przełomami w diagnostyce DNA. Zapisz się, aby jako pierwszy otrzymywać informacje o nowych badaniach, nowych raportach zdrowotnych oraz ekskluzywnych promocjach dla subskrybentów SPARKbiom." !important;
    display: block !important;
    margin-bottom: 25px !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    color: #4A4A4A !important;
    font-weight: 400 !important;
    text-align: left !important;
}

/* 2. LOGO I NAGŁÓWEK */
.header img, .header h1 {
    display: none !important;
}

.header a::before {
    content: "" !important;
    display: block !important;
    width: 250px; 
    height: 100px; 
    margin: 0 auto !important;
    background-image: url('https://newsletter.sparkbiom.cloud/uploads/logo-sparkbiom.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/* 3. USUNIĘCIE ZBĘDNYCH ELEMENTÓW (Nazwa, Archiwum, Listy) */
form div p:nth-of-type(2), 
.lists, 
ul.lists,
form h2,
.right, 
a[href*="/archive"],
footer.container {
    display: none !important;
}

/* 4. STYLOWANIE KONTENERA */
.container.wrap {
    border-top: 6px solid #2D6A7F !important;
    border-radius: 12px !important;
    padding: 45px !important;
    box-shadow: 0 15px 50px rgba(0,0,0,0.07) !important;
    background: #ffffff !important;
    margin-top: 40px !important;
    max-width: 500px !important;
}

/* 5. PRZYCISK Z GRADIENTEM LOGO */
button.button {
    background: linear-gradient(135deg, #2D6A7F 0%, #57B894 100%) !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 18px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    width: 100% !important;
    display: block !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    margin-top: 15px !important;
    transition: transform 0.2s ease !important;
}

button.button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(87, 184, 148, 0.3) !important;
}

/* 6. POLE E-MAIL */
input[type="email"] {
    width: 100% !important;
    padding: 15px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 8px !important;
    box-sizing: border-box;
    font-size: 16px !important;
}

input[type="email"]:focus {
    border-color: #57B894 !important;
    outline: none;
    box-shadow: 0 0 0 4px rgba(87, 184, 148, 0.1) !important;
}