/* Subtelny gradient dla tła całej strony */
body {
    background-color: #121212;
    background-image: radial-gradient(circle at 50% 0%, #1e1e1e 0%, #121212 60%);
    background-attachment: fixed; /* Tło nie przesuwa się przy scrollowaniu */
}

/* Klasy do animacji pojawiania się elementów */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 1s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Opóźnienia animacji - przydatne dla elementów w grupie */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }
.delay-500 { transition-delay: 500ms; }