/* style.css - Palette orange/jaune/rouge foncé */
:root {
    --bg: #0a0e17;
    --dark: #111827;
    --accent: #f97316;       /* orange principal */
    --accent-dark: #c2410c;  /* orange foncé hover */
    --red-dark: #b91c1c;     /* rouge foncé pour erreurs, tirets */
    --yellow: #fbbf24;       /* jaune pour contrastes, succès */
    --text: #f3f4f6;
    --muted: #9ca3af;
    --green: #fbbf24;        /* succès en jaune */
}

* { margin:0; padding:0; box-sizing:border-box; }

html, body {
    height:100%; overflow-x:hidden;
    scrollbar-width:none; -ms-overflow-style:none;
}

body::-webkit-scrollbar { display:none; }

body { background:var(--bg); color:var(--text); font-family:system-ui, sans-serif; line-height:1.6; }

nav { 
    position:fixed; top:0; left:0; right:0; height:70px;
    background:var(--bg); border-bottom:1px solid #1f2937;
    z-index:1000; display:flex; align-items:center; justify-content:space-between; padding:0 5%;
}

.logo { font-size:1.45rem; font-weight:800; letter-spacing:1px; line-height:1.1; white-space:nowrap; }
.logo .red { color:var(--red-dark); }
.logo .blue { color:var(--accent); }  /* SIMULATION orange */

.nav-links { display:flex; align-items:center; gap:2.8rem; }
.nav-links a { color:var(--text); text-decoration:none; font-size:1rem; font-weight:500; transition:color 0.2s; }
.nav-links a:hover { color:var(--accent); }

.dropdown { position:relative; }
.dropdown-content { display:none; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:var(--dark); min-width:220px; border-radius:8px; overflow:hidden; box-shadow:0 8px 20px rgba(0,0,0,0.6); padding:0.5rem 0; }
.dropdown:hover .dropdown-content { display:block; }
.dropdown-content a { display:block; padding:12px 24px; text-align:center; color:var(--text); }
.dropdown-content a:hover { background:#1f2937; color:var(--accent); }

.connexion-btn { background:var(--accent); color:white; padding:8px 24px; border-radius:999px; font-weight:600; font-size:0.95rem; border:none; cursor:pointer; transition:all 0.25s; }
.connexion-btn:hover { background:var(--accent-dark); transform:scale(1.05); }

main { padding-top:90px; }

.hero { height:80vh; min-height:600px; position:relative; overflow:hidden; }
.slides { position:absolute; inset:0; display:flex; transition:transform 1s ease; }
.slide { min-width:100%; height:100%; background-size:cover; background-position:center; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; }
.slide::before { content:''; position:absolute; inset:0; background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.8)); }
.slide-content { position:relative; z-index:1; max-width:900px; padding:0 20px; }
.slide h1 { font-size:4.5rem; margin-bottom:1rem; text-shadow:0 4px 12px black; color:var(--yellow); }
.slide p { font-size:1.6rem; margin-bottom:2.5rem; text-shadow:0 2px 8px black; }

.hero-btn { padding:14px 36px; border-radius:999px; font-size:1.2rem; font-weight:600; transition:0.3s; margin:0 1rem; }
.hero-btn.primary { background:var(--accent); color:white; }
.hero-btn.primary:hover { background:var(--accent-dark); transform:translateY(-3px); }
.hero-btn.secondary { background:transparent; border:2px solid var(--yellow); color:var(--yellow); }
.hero-btn.secondary:hover { background:var(--yellow); color:var(--bg); }

section { padding:80px 5%; max-width:1200px; margin:0 auto; }

.fonctionnement h2 { font-size:3rem; text-align:center; margin-bottom:2rem; color:var(--accent); }

.conditions { background:var(--dark); padding:3rem; border-radius:12px; border-left:6px solid var(--yellow); }
.conditions ul { list-style:none; font-size:1.15rem; color:var(--muted); }
.conditions li { margin:1.2rem 0; padding-left:2.2rem; position:relative; }
.conditions li::before { content:"✔"; color:var(--yellow); position:absolute; left:0; }

form { max-width:700px; margin:0 auto; }

label { display:block; margin:1.5rem 0 0.5rem; font-weight:500; color:var(--yellow); }

input, textarea, select { width:100%; padding:14px; background:#1f2937; border:1px solid #374151; color:var(--text); border-radius:6px; font-size:1rem; }

textarea { min-height:150px; }

.success-box { background:var(--yellow); color:var(--bg); padding:2rem; border-radius:12px; text-align:center; margin:2rem auto; max-width:700px; }

.error-box { background:var(--red-dark); color:white; padding:1.5rem; border-radius:10px; text-align:center; margin:2rem auto; max-width:700px; }

footer { background:#111827; padding:5rem 5% 3rem; display:grid; grid-template-columns:repeat(auto-fit, minmax(250px,1fr)); gap:4rem; border-top:1px solid #1f2937; }
footer h3 { font-size:1.4rem; margin-bottom:1.5rem; color:var(--accent); }
footer ul { list-style:none; }
footer ul li { margin:1rem 0; }
footer ul li a { color:#9ca3af; text-decoration:none; transition:0.2s; }
footer ul li a:hover { color:var(--accent); }
.social { display:flex; gap:1.5rem; margin-top:2rem; }
.social a { color:#9ca3af; font-size:1.8rem; transition:0.3s; }
.social a:hover { color:var(--accent); transform:scale(1.2); }
.copyright { grid-column:1/-1; text-align:center; margin-top:4rem; color:#9ca3af; border-top:1px solid #1f2937; padding-top:2rem; }

/* Transitions de page simples */
main {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

main.loaded {
    opacity: 1;
    transform: translateY(0);
}