body {
    
    /* Mieszamy białe tło z bardzo delikatnym gradientem (0.15 to 15% widoczności) */
    background: linear-gradient(135deg, 
        rgba(125, 168, 195, 0.15) 0%, 
        rgba(130, 100, 163, 0.15) 100%) fixed,
        #ffffff; /* Bazowy kolor tła (pod spodem) */

    
    /* Dodatkowo: wygładzenie krawędzi dla lepszego efektu wizualnego */
    background-repeat: no-repeat;
    background-size: cover;

    
    /* Zapewnia, że tło pokryje całą wysokość ekranu, nawet jeśli treści jest mało */
    min-height: 100vh;
    
    /* Sprawia, że tło stoi w miejscu podczas przewijania strony */
    background-attachment: fixed;
    
    /* Opcjonalnie: wygładzenie czcionek na ciemniejszym tle */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Opcjonalnie: Jeśli Twoja karta formularza (.card) jest teraz zbyt "ciężka", 
   możesz dodać jej lekką przezroczystość, by tło subtelnie przebijało */


.card {
    border: 1px solid rgba(0, 0, 0, 0.05) !important; /* Prawie niewidoczna ramka */
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important; /* Bardzo miękki cień */
    border-radius: 15px !important;
}