/* Plik: style.css */

/* Import czcionki (opcjonalnie, ale poprawia wygląd) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Sekcja Hero */
.hero-section {
    background-color: #f8f9fa; /* Jasne tło */
    padding: 4rem 0;
}

.hero-section h1 {
    color: #212529;
}

/* Karty Funkcji */
#funkcje .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

#funkcje .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

/* Poprawka dla walidacji Bootstrap + reCAPTCHA */
.was-validated .g-recaptcha iframe {
    border: 1px solid #dc3545 !important; /* Czerwona ramka przy błędzie */
    border-radius: .25rem;
}

/* Spinner w przycisku */
#submit-button .spinner-border {
    margin-right: 8px;
}