*{box-sizing:border-box}body{color:#e8ecff;background:radial-gradient(circle at top,#2a1b5e,#0b0a1f 70%) fixed;margin:0;font-family:system-ui,sans-serif;line-height:1.6}.hero,footer{text-align:center;max-width:760px;margin:0 auto;padding:56px 20px 24px}h1{letter-spacing:4px;margin:0;font-size:clamp(2.8rem,10vw,5rem)}h1 span{background:linear-gradient(90deg,#4de1ff,#b36bff);color:#0000;-webkit-background-clip:text;background-clip:text}.sous-titre{color:#9fb4ff;margin-top:0;font-size:1.4rem}main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:900px;margin:0 auto;padding:20px;display:grid}.carte{background:#ffffff12;border:1px solid #a08cff59;border-radius:18px;padding:20px 24px;box-shadow:0 0 24px #785aff26}.carte h2{color:#7fe8ff;margin-top:0}.carte ul{margin:0;padding-left:20px}.carte li{margin-bottom:8px}.gratuit{text-align:center;grid-column:1/-1}.slogan{color:#b36bff;font-size:1.5rem;font-weight:700}footer{padding-bottom:60px}.chat{background:#ffffff12;border:1px solid #4de1ff80;border-radius:18px;max-width:700px;margin:10px auto;padding:20px}.chat h2{color:#7fe8ff;margin-top:0}.messages{flex-direction:column;gap:8px;height:260px;margin-bottom:12px;display:flex;overflow-y:auto}.bulle{border-radius:14px;max-width:80%;padding:8px 14px}.bulle.nova{background:#3a2a7a;align-self:flex-start}.bulle.moi{background:#1b6f8a;align-self:flex-end}#formulaire{gap:8px;display:flex}#question{font:inherit;border:none;border-radius:10px;flex:1;padding:10px}#formulaire button{font:inherit;cursor:pointer;background:linear-gradient(90deg,#4de1ff,#b36bff);border:none;border-radius:10px;padding:10px 18px;font-weight:700}