#hero{width:90%;padding:2rem;margin:2rem auto;background:#ffffff59;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.animated-word{display:inline-block;color:var(--animated-word-color);animation:bounce 2s infinite}.animated-word:nth-child(2){animation-delay:0.5s}.animated-word:nth-child(3){animation-delay:1s}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20PX)}}.para-about{max-width:1400px;margin:0 auto}.container{display:flex;justify-content:center;align-items:flex-start;gap:20px;padding:20px;flex-wrap:wrap}.forfait{position:relative;width:500px;height:auto;padding:20px;border-radius:10px;background-color:#000;color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}#forf{font-size:24px;margin-bottom:10px}.forfait p{font-size:18px;margin-bottom:20px}.list{list-style-type:none;padding:0}.list li{margin-bottom:10px}#forfait-base{border:2px solid blue}#forfait-standard{border:2px solid lime}#forfait-premium{border:2px solid red}#forfait-maintenance{border:2px solid #c2eb0d}.coupe{width:100%}#real{padding:20px}.main{max-width:1200px;margin:0 auto}.cards{display:flex;flex-wrap:wrap;gap:20px;list-style:none}.cards_item{flex:1 1 calc(33.33%-20px);box-sizing:border-box}.card{overflow:hidden;box-shadow:var(--box-shadow);transition:transform var(--transition-duration);position:relative}.card:hover{transform:translateY(-5px)}.card_image{position:relative;cursor:pointer}.card_image img{display:flex;margin:0 auto;border-radius:15px}.card_details{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);color:var(--light-color);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity var(--transition-duration);padding:50px;box-sizing:border-box}.card:hover .card_details{opacity:1;border-radius:20px}.card_title{margin:0 0 10px;font-size:1.5em;text-align:center}.card_text{margin:0 0 20px;text-align:center}.card_btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:var(--light-color);text-decoration:none;border-radius:26px;transition:background-color var(--transition-duration)}.card_btn:hover{background-color:#0056b3}.reviews-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px}.review-card{background:#000000ad;border-radius:8px;box-shadow:0 4px 8px rgb(0 0 0 / .1);padding:20px;width:450px}.review-card h2{margin-top:0;color:#fff}.rating{color:#fc0;font-size:1.2em}.review-text,.platform{color:#fff}.success{color:green;background-color:#e8f5e9;padding:10px;border:1px solid green;border-radius:5px;margin:10px 0}.error{color:red;background-color:#ffebee;padding:10px;border:1px solid red;border-radius:5px;margin:10px 0}#contact,#contact-info{max-width:1200px;margin:20px auto;padding:20px;background-color:rgb(10 10 42 / .8);border-radius:10px;box-shadow:0 0 10px rgb(0 204 255 / .5);animation:fadeIn 1s ease-in-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}form{display:flex;flex-direction:column}label{margin-top:10px;color:#0cf}input,textarea{margin-top:5px;padding:10px;border:1px solid #0cf;border-radius:5px;background-color:rgb(0 0 0 / .5);color:#fff}button{margin-top:20px;padding:10px;background-color:#01f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.3s}button:hover{background-color:#06f}#contact-info p{margin:10px 0;color:#0cf}


.spin-3d {
  display:inline-block;
  perspective: 1000px; /* active l'effet 3D */
}

.spin-3d img {
  display:block;
  transform-origin: 50% 50%;
  animation: spinY 4s linear infinite;
  will-change: transform;
  backface-visibility: hidden;
}

/* animation */
@keyframes spinY {
  to { transform: rotateY(360deg); }
}

/* Respect des préférences d'animation réduite */
@media (prefers-reduced-motion: reduce) {
  .spin-3d img { animation: none; }
}