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

/* --- ANIMACJA GRADIENTOWA (TĘCZA) --- */
.animated-text-gradient {
    /* Kolory gradientu: Cyan -> Fiolet -> Róż -> Cyan (zapętlenie) */
    background: linear-gradient(to right,white, rgb(203, 203, 203),white,white);
    
    /* Rozmiar tła musi być większy niż 100%, żeby się przesuwało */
    background-size: 200% auto;
    
    /* Przycinanie tła do kształtu tekstu/ikony */
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    
    /* Uruchomienie animacji */
    animation: gradient-move 3s linear infinite;
    
    /* Ważne dla ikon - żeby były widoczne jako gradient */
    display: inline-block;
}

/* Klucz animacji - przesuwanie tła z lewej do prawej */
@keyframes gradient-move {
    0% { background-position: 0% 50%; }
    100% { background-position: 200% 50%; }
}

/* Scrollbar */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #8b5cf6; }