*,*:before,*:after{box-sizing:border-box}
html,body{min-height:100%}   /* <-- modifié ici */
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;
  background:linear-gradient(135deg,#0f172a,#1e3a8a,#4338ca);
  color:#f1f5f9;
  line-height:1.6;
  padding:24px;
}
main.wrap{
  max-width:760px;
  margin:0 auto;
  padding:24px;
  background:rgba(0,0,0,.35);
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.3);
}
h1{
  margin-top:0;
  font-size:28px;
  font-weight:700;
  color:#fff;
}
h2{
  margin-top:24px;
  font-size:18px;
  font-weight:600;
  color:#e2e8f0;
}
p,ul,li{
  font-size:15px;
  color:#e2e8f0;
}
ul{padding-left:20px;margin:12px 0}
a{color:#0ea5e9;text-decoration:none}
a:hover{text-decoration:underline}
strong{font-weight:600}
footer{margin-top:40px;font-size:13px;color:#cbd5e1;text-align:center}