/* Style général */body {    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    background-color: #0a0a0f; /* sombre futuriste */    color: #00ffff;    margin: 0;    padding: 20px;    overflow-x: hidden;    transition: background-color 0.3s ease, color 0.3s ease;}/* Container principal */.container {    background-color: rgba(30, 30, 30, 0.9);    padding: 30px;    border-radius: 16px;    box-shadow: 0 4px 30px rgba(0, 255, 255, 0.4);    border: 1px solid #444;    transition: box-shadow 0.3s ease, background-color 0.3s ease;}/* Effet visuel futuriste pour les éléments */.container, .section, #storage-info {    border-radius: 16px;    box-shadow: 0 0 15px rgba(0, 255, 200, 0.3), inset 0 0 20px rgba(0, 255, 200, 0.2);}/* Formulaire */input, textarea, button {    width: 100%;    padding: 14px;    margin-top: 10px;    margin-bottom: 18px;    border-radius: 12px;    border: 1px solid #444;    background-color: #222;    color: #f0f0f0;    font-size: 1rem;    transition: all 0.3s ease;}h1 {color: #00FFB2;    font-weight: bold;    border: 2px solid #00FFB2;    box-shadow: 0 0 12px #00FFB2, 0 0 24px #00FFB2 inset;    text-transform: uppercase;    letter-spacing: 1.2px;    transition: all 0.4s ease;    animation: neonBtnPulse 5s ease-in-out infinite;    position: relative;    overflow: hidden;}/* Boutons */button {      background-color: transparent;    color: #00FFB2;    padding: 8px 18px;    text-decoration: none;    border-radius: 30px;    font-size: 12px;    font-weight: bold;    border: 2px solid #00FFB2;    box-shadow: 0 0 12px #00FFB2, 0 0 24px #00FFB2 inset;    text-transform: uppercase;    letter-spacing: 1.2px;    transition: all 0.4s ease;    animation: neonBtnPulse 5s ease-in-out infinite;    position: relative;    overflow: hidden;}button:hover {    background-color: #00ffff;    box-shadow: 0 0 25px rgba(0, 255, 200, 0.6);}/* Sections avec fond transparent et effet néon */.section {    background-color: inherit; /* Fond transparent hérité */    backdrop-filter: blur(8px); /* Effet de flou derrière */    padding: 18px;    margin-top: 25px;    border-radius: 12px;    border: 1px solid #444;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}/* Texte des sections */.section h4 {    color: #00ff99;    font-size: 1.3rem;    font-weight: bold;    text-shadow: 0 0 8px rgba(0, 255, 255, 0.6);}.section p {    color: #dcdcdc;    line-height: 1.6;}.section a {    color: #00c7ff;    text-decoration: none;}.section a:hover {    text-decoration: underline;}/* Information de stockage */#storage-info {    margin: 25px 0;    padding: 25px;    background-color: rgba(34, 34, 34, 0.8); /* Fond plus transparent */    border: 1px solid #444;    border-radius: 12px;    font-size: 1.1rem;    line-height: 1.5;    box-shadow: 0 4px 20px rgba(0, 255, 200, 0.3);}/* Bouton Ajouter section */.add-section-btn {    font-weight: 700;    letter-spacing: .05em;    text-transform: uppercase;    box-shadow: 0 2px 8px rgba(0,0,0,.6), 0 8px 32px rgba(0,0,0,.4);    margin-bottom: 1.87137rem;    margin-top: 1.87137rem;    text-shadow: 0 1px 2px rgba(0,0,0,.8) 0 4px 8px rgba(0,0,0,.6);    background-color: transparent;    background-image: linear-gradient(180deg, rgba(0,0,0,.9),rgba(0,51,102,.9));    background-origin: border-box;    color: #9cf;    display: block;    font-family: Eurostile Extd,Source Sans Pro, sans-serif;    font-size: 24px;    line-height: 1;    overflow: visable;    padding: .625rem 1.6rem;    position: relative;    text-align: center;    text-decoration: none;    transition: color .2s, filter .2s, opacity .2s, transform .2s;    -webkit-user-select: none;    -moz-user-select: none;    user-select: none;    width: 20vw;    border: 5px solid transparent;    border-width: 30px;    border-right: -50px;    padding: -10px;    border-image: url(https://static.starcraft2.com/dist/images/button-border-default.5de0a0b2c50376c175921e16935ac4c3.png) 17 60 repeat;    border-image-width: 30px;}.add-section-btn:hover {    background-color: #00e600;    box-shadow: 0 0 30px rgba(57, 255, 20, 0.7);}/* Bouton Supprimer section modifié */.delete-btn {    padding: 14px 28px;    background: linear-gradient(45deg, #ff00cc, #ff6600); /* Dégradé néon */    color: #fff;    border: 2px solid #ff00cc;    border-radius: 12px;    cursor: pointer;    font-weight: bold;    text-transform: uppercase;    box-shadow: 0 0 12px rgba(255, 0, 204, 0.3), 0 0 20px rgba(255, 102, 0, 0.3);    transition: all 0.3s ease;    font-size: 15px;    text-align: center;    animation: neonBtnPulse 5s ease-in-out infinite; /* Animation pulsation néon */}.delete-btn:hover {    background: linear-gradient(45deg, #ff6600, #ff00cc);    box-shadow: 0 0 25px rgba(255, 0, 204, 0.5), 0 0 35px rgba(255, 102, 0, 0.5);    color: #000;    transform: scale(1.1);}/* Bouton personnalisé néon modifié */.custom-neon-button {    background-color: transparent;    color: transparent;    border: 2px solid #00FFB2; /* Couleur néon verte */    transition: background-color 0.4s ease, box-shadow 0.4s ease, color 0.4s ease;    box-shadow: 0 0 15px rgba(0, 255, 200, 0.5), 0 0 25px rgba(255, 255, 0, 0.5);    background: linear-gradient(45deg, #ff0000, #ff9900, #33cc33, #3399ff, #9900cc);    -webkit-background-clip: text;    background-clip: text;    animation: neonBtnPulse 5s ease-in-out infinite; /* Animation pulsation néon */}.custom-neon-button:hover {    background-color: #00FFB2;    color: black;    box-shadow: 0 0 25px #00FFB2, 0 0 45px #00FFB2, 0 0 65px #00FFB2 inset;    transform: scale(1.1);}/* Animation du fond de la page et éléments */@keyframes neonGlow {    0% {        box-shadow: 0 0 10px #00ffff, 0 0 15px #00ffff, 0 0 20px #00ffff;    }    50% {        box-shadow: 0 0 25px #00ffff, 0 0 35px #00ffff, 0 0 50px #00ffff;    }    100% {        box-shadow: 0 0 10px #00ffff, 0 0 15px #00ffff, 0 0 20px #00ffff;    }}body {    animation: neonGlow 2s infinite alternate;}