.ranga-1 {
 	color: 	#800000;
    background: url(https://i.imgur.com/McbkdI6.gif);
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.zbanowany {
    color: #edf3ed;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-redaktor {
    color: #63E6BE;
    background: url(https://i.imgur.com/YxdwxO7.gif);
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-ubt {
    color:	#8A2BE2;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-moderator {
    color: #00ff04;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}
.ranga-dziewczyna {
    color: #e6a2dd;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-typer {
    color: #00BFFF;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-admindd2 {
    color:#FF7F50;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-uzytkownik {
    color: #B0E0E6;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-grafik {
    color: 	#FF1493;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-technika {
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}

.ranga-administrator{
    color:#B22222;
    background: url(https://i.imgur.com/A5xqZea.gif);
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-junior{
    color: #0068FF;
    background: url(https://i.imgur.com/CY0Eb64.gif);
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-wlscicielserwera {
    color: 	#FF4500;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-opiekunserwera {
    color: 	#FF8C00;
    font-weight: bold;
    text-shadow: 0 0 0px rgb(152 67 255 / 30%);
}

.ranga-prywaciaż {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffd700;
    font-weight: 700;
    font-size: 0.9em;
    text-shadow: 
        0 0 8px rgba(255, 215, 0, 0.6),
        0 1px 2px rgba(0, 0, 0, 0.8);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}


.ranga-prywaciaż i {
    color: #ffd700;
    font-size: 1.1em;
    filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.8));
    animation: pulse-gold 2s ease-in-out infinite;
}

@keyframes pulse-gold {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.8;
        transform: scale(1.05);
    }
}

.ranga-prywaciaż:hover {
    transform: translateY(-2px) scale(1.02);
}

.ranga-prywaciaż:active {
    transform: translateY(0) scale(0.98);
}