/*
Theme Name: NDRCIA
Author: NDRCIA
Description: Landing page moderne et colorée pour un coach IA spécialisé BTS NDRC.
Version: 2.2
*/
:root{--navy:#0f172a;--blue:#2563eb;--violet:#7c3aed;--pink:#ec4899;--green:#10b981;--light:#f8fafc;--text:#172033;--muted:#64748b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text)}
a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}
header{position:absolute;top:0;left:0;right:0;color:#fff;padding:22px 0;z-index:5}.nav{display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{font-size:27px;font-weight:900}.logo span{color:#a78bfa}nav{display:flex;gap:25px;font-size:14px;font-weight:700}.btn{display:inline-flex;padding:14px 22px;border-radius:999px;font-weight:800}.primary{background:linear-gradient(100deg,#2563eb,#8b5cf6);color:#fff}.outline{border:1px solid #ffffff55;color:#fff}
.hero{padding:150px 0 90px;color:#fff;background:radial-gradient(circle at 80% 25%,#7c3aed88,transparent 28%),radial-gradient(circle at 20% 10%,#2563eb77,transparent 30%),linear-gradient(135deg,#07142f,#10154b 55%,#32105f)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.badge{display:inline-block;padding:9px 14px;border:1px solid #ffffff35;background:#ffffff12;border-radius:999px;font-size:13px;font-weight:800}h1{font-size:clamp(42px,6vw,70px);line-height:1;letter-spacing:-3px}h1 span{color:#b57cff}.hero p{font-size:18px;line-height:1.6;color:#dbe4ff}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.checks{display:flex;gap:18px;flex-wrap:wrap;font-size:13px}.checks b{color:#10b981}
.chat{background:#fff;color:var(--text);border-radius:24px;padding:18px;box-shadow:0 30px 80px #0007}.chathead{font-weight:900;border-bottom:1px solid #e5e7eb;padding-bottom:15px}.online{float:right;color:#059669;font-size:12px}.bubble{padding:13px 15px;border-radius:16px;margin:14px 0;font-size:14px;line-height:1.45}.ai{background:#f1f5ff}.user{background:#e9ddff;margin-left:45px}.search{border:1px solid #dbe2ee;border-radius:14px;padding:14px;color:#94a3b8}
section{padding:85px 0}.head{text-align:center;max-width:760px;margin:0 auto 45px}.eyebrow{color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase}.head h2{font-size:clamp(30px,4vw,46px);margin:10px 0}.head p,.card p{color:var(--muted);line-height:1.6}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:25px;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 12px 35px #0f172a0a}.icon{font-size:28px}.alt{background:linear-gradient(135deg,#eef4ff,#f7f0ff)}
.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.step{text-align:center}.num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:900}.step p{font-size:13px;color:var(--muted)}
.dual{display:grid;grid-template-columns:1fr 1fr;gap:20px}.offer{padding:30px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#1680ff,#663cff)}.offer:nth-child(2){background:linear-gradient(135deg,#7c3aed,#db2777)}.offer p{color:#eef2ff}
.faq{max-width:850px;margin:auto}.faq details{padding:18px 0;border-bottom:1px solid #e5e7eb}.faq summary{font-weight:800;cursor:pointer}.cta{padding:55px;text-align:center;border-radius:28px;color:#fff;background:linear-gradient(120deg,#0b1b44,#4c1d95)}
footer{background:#071226;color:#cbd5e1;padding:45px 0}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}
@media(max-width:850px){nav{display:none}.grid,.dual{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.hero{padding-top:125px}}

.pagehero{padding:145px 0 70px;color:#fff;background:radial-gradient(circle at 80% 20%,#7c3aed88,transparent 30%),linear-gradient(135deg,#07142f,#32105f)}
.pagehero h1{margin:0 0 15px;font-size:clamp(40px,6vw,64px)}.pagehero p{max-width:760px;color:#dbe4ff;font-size:18px;line-height:1.6}
.content{padding:75px 0}.content h2{font-size:32px}.content p,.content li{color:#64748b;line-height:1.7}
.coach-wrap{max-width:900px;margin:auto}.coach-box{background:#fff;border-radius:25px;padding:22px;box-shadow:0 20px 60px #0f172a22;border:1px solid #e5e7eb}.coach-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:16px}.status{color:#059669;font-size:13px;font-weight:800}.question{margin-top:20px;display:flex;gap:10px}.question input{flex:1;border:2px solid #dbe2ee;border-radius:999px;padding:16px 20px;font-size:16px;outline:none}.question button{border:0;border-radius:999px;padding:0 24px;background:linear-gradient(100deg,#2563eb,#8b5cf6);color:#fff;font-weight:800}.note{font-size:13px;color:#94a3b8;text-align:center;margin-top:14px}

.question input[type="search"]{min-width:0}
.question button{cursor:pointer}
.question button:hover,.btn:hover{transform:translateY(-1px)}
@media(max-width:520px){.question{flex-direction:column}.question button{padding:14px 20px}}

.legal-card{max-width:900px;margin:auto}.legal-card h2{margin-top:32px}.legal-editor-note{padding:18px 20px;margin:25px 0;background:#eef4ff;border-left:4px solid #2563eb;border-radius:12px}.legal-editor-note p{margin-bottom:0}

.search-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.search-suggestions span{padding:8px 12px;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:12px;font-weight:800}
.pagehero{padding:145px 0 70px;color:#fff;background:radial-gradient(circle at 80% 20%,#7c3aed88,transparent 30%),linear-gradient(135deg,#07142f,#32105f)}.pagehero h1{margin:0 0 15px}.pagehero p{max-width:760px;color:#dbe4ff;font-size:18px;line-height:1.6}.content{padding:75px 0}.legal-card{max-width:900px;margin:auto}

.site-header{position:relative;background:linear-gradient(135deg,#07142f,#32105f);color:#fff;padding:18px 0;z-index:5}.site-header nav{display:flex;gap:20px;flex-wrap:wrap}.site-header nav a{color:#fff}.site-header .logo{color:#fff}.contact-form{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.contact-form input,.contact-form select,.contact-form textarea{border:2px solid #dbe2ee;border-radius:14px;padding:14px 16px;font:inherit;outline:none}.contact-form textarea{grid-column:1/-1;resize:vertical}.contact-form button{grid-column:1/-1;padding:14px 22px;min-height:48px}.contact-form select{background:#fff}@media(max-width:700px){.site-header nav{display:none}.contact-form{grid-template-columns:1fr}.contact-form textarea,.contact-form button{grid-column:auto}}

/* NDRCIA AI chat */
#ndrcia-messages{display:flex;flex-direction:column;gap:14px;max-height:560px;overflow:auto;padding:8px 2px 18px}
#ndrcia-form{display:flex!important;gap:10px!important;align-items:flex-end!important}
#ndrcia-question{flex:1;box-sizing:border-box;resize:vertical;border:1px solid #dbe2f0;border-radius:16px;padding:15px;font:inherit;min-height:58px}
#ndrcia-form button{white-space:nowrap}
.bubble.user{align-self:flex-end;background:#eef2ff;border-radius:18px 18px 5px 18px;padding:14px 17px;max-width:82%;color:#172554}
.bubble.ai{align-self:flex-start;max-width:90%}
.bubble.error{border-left:4px solid #ef4444}
.thinking{opacity:.7}
.ai-suggestions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}
.ai-suggestions button{border:0;cursor:pointer;padding:9px 13px;background:#eef2ff;color:#4338ca;border-radius:999px;font-size:12px;font-weight:800}
@media(max-width:650px){#ndrcia-form{flex-direction:column!important;align-items:stretch!important}.bubble.user,.bubble.ai{max-width:94%}}