.bg-darkblue {
    background-color: #04014A;
}

.bg-lightblue {
    background-color: #81B7FF;
}

.neon-shadow{
    box-shadow: 0 0 15px #00F6FF;
}

.text-gold{
    color: #FFD700;
}

.rounded-fade {
    width: 350px; /* ou toute taille souhaitée */
    height: 350px;
    border-radius: 50%; /* rend l'image parfaitement ronde */
    overflow: hidden; /* masque le débordement */
    position: relative; /* permet d’ajouter un effet interne */
    box-shadow: 0 8px 28px 4px grey;
}

/* Effet de fondu interne */
.rounded-fade::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50%;
    /* box-shadow: inset 0 0 12px 11px #FFF; /* crée le fondu #04014A */
    pointer-events: none; /* laisse l’image cliquable si besoin */
}

/* L'image elle-même */
.rounded-fade img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* garde les proportions sans déformer */
    display: block;
}