/* Youplugs Carte Banner */
.carte-banner{width:100%;min-height:180px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#02030c;border-radius:20px;box-shadow:0 0 35px cyan,0 0 90px purple}
.carte-space{position:absolute;inset:0;background:radial-gradient(circle,#162cff,#02030c 70%)}
.map-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:2px solid cyan;animation:rotate 15s linear infinite}
.orbit1{width:75%;height:75%}
.orbit2{width:45%;height:90%;border-color:#ff00cc;animation-direction:reverse}
@keyframes rotate{to{rotate:360deg}}
.map-earth{position:absolute;right:20%;top:50%;transform:translateY(-50%);font-size:90px;animation:spin 18s linear infinite}
.map-logo{position:absolute;left:38%;top:50%;transform:translate(-50%,-50%);font:bold 150px Arial Black;background:linear-gradient(45deg,cyan,blue,purple,pink,lime);-webkit-background-clip:text;color:transparent;text-shadow:0 0 35px cyan}
@keyframes spin{to{rotate:360deg}}
.map-pin{position:absolute;left:25%;top:30%;font-size:40px}
.map-icons span{position:absolute;font-size:25px;animation:float 4s infinite alternate}
.map-icons span:nth-child(1){left:12%;top:20%}
.map-icons span:nth-child(2){right:15%;top:20%}
.map-icons span:nth-child(3){left:20%;bottom:15%}
.map-icons span:nth-child(4){right:20%;bottom:15%}
@keyframes float{to{translate:0 -10px}}
.carte-text{position:relative;z-index:5;text-align:center;font-family:Arial Black}
.youplugs,.title{background:linear-gradient(90deg,cyan,purple,pink,lime);-webkit-background-clip:text;color:transparent;text-shadow:0 0 20px cyan}
.youplugs{font-size:clamp(25px,4vw,55px)}
.title{font-size:clamp(35px,6vw,80px)}