@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Exo+2:wght@300;400;600&display=swap');

/* Thème violet néon - luminosité réduite */
.cyber-glow {
    text-shadow: 0 0 8px rgba(147, 51, 234, 0.6), 
                 0 0 15px rgba(147, 51, 234, 0.4), 
                 0 0 25px rgba(147, 51, 234, 0.3);
}

.pulse-glow {
    animation: pulse-glow 2s infinite;
}

@keyframes pulse-glow {
    0%, 100% { opacity: 0.85; }
    50% { opacity: 0.6; }
}

/* Background violet foncé */
.matrix-bg {
    background: linear-gradient(125deg, #0a0514 0%, #1a0f2e 50%, #2d1b4e 100%);
}

.cyber-border {
    border: 2px solid transparent;
    background: linear-gradient(45deg, rgba(147, 51, 234, 0.5), rgba(168, 85, 247, 0.5)) border-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

/* Néon violet pour les accents */
.neon-violet {
    color: #a855f7;
    text-shadow: 0 0 5px rgba(168, 85, 247, 0.5),
                 0 0 10px rgba(168, 85, 247, 0.3),
                 0 0 15px rgba(168, 85, 247, 0.2);
}

.neon-violet-bright {
    color: #c084fc;
    text-shadow: 0 0 8px rgba(192, 132, 252, 0.6),
                 0 0 15px rgba(192, 132, 252, 0.4),
                 0 0 20px rgba(192, 132, 252, 0.2);
}

/* Bordures néon violet doux */
.border-neon-violet {
    border-color: rgba(168, 85, 247, 0.4);
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.2),
                inset 0 0 10px rgba(168, 85, 247, 0.1);
}

/* Background cards violet foncé */
.bg-violet-dark {
    background: rgba(20, 10, 30, 0.7);
}

.bg-violet-card {
    background: linear-gradient(135deg, rgba(30, 15, 50, 0.8), rgba(45, 27, 78, 0.6));
}

/* Fix autofill styles for inputs */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Force transparent background for all form inputs */
input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
textarea,
select {
    background-color: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus {
    background-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Fix pour les select (dropdown) - force background sombre */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: 1em !important;
}

/* Fix pour les options des select */
select option {
    background-color: #1a0f2e !important;
    color: #ffffff !important;
    padding: 8px !important;
}

select option:hover,
select option:focus,
select option:checked {
    background-color: #2d1b4e !important;
    color: #c084fc !important;
}

select optgroup {
    background-color: #0a0514 !important;
    color: #a855f7 !important;
    font-weight: bold !important;
}