:root{color-scheme:dark;--bleu:#3DBDEE;--fond:#090f16;--texte:#f4f8fb;--secondaire:#a9b7c5;--contour:rgba(170,210,232,.2)}
*{box-sizing:border-box} html{height:auto!important;overflow:auto!important}
body{height:auto!important;min-height:100vh;margin:0;overflow:auto!important;background:var(--fond);color:var(--texte);font-family:"Segoe UI",Arial,sans-serif;line-height:1.6}
body::before{content:"";pointer-events:none;position:fixed;inset:0 0 auto;height:360px;background:radial-gradient(ellipse 60% 70% at 50% 0,rgba(61,189,238,.1),transparent)}
a{color:var(--bleu)} a:focus-visible{outline:2px solid var(--bleu);outline-offset:4px}
.wrapper{width:min(calc(100% - 36px),880px);margin:auto;position:relative}
header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:85px;border-bottom:1px solid var(--contour)}
header img{display:block;width:145px;height:auto}header nav{display:flex;gap:20px;flex-wrap:wrap}header a{font-size:14px;text-decoration:none}
main{padding:42px 0 65px}h1{font-size:clamp(31px,4vw,47px);margin:0 0 4px;letter-spacing:-.04em}h1 span{color:var(--bleu)}
.sous{color:var(--secondaire);margin:0 0 27px}section{padding:20px 0;border-bottom:1px solid var(--contour)}
h2{font-size:19px;margin:0 0 10px;color:var(--bleu)}p{margin:7px 0}ul{padding-left:22px;margin:9px 0}
strong{font-weight:700} footer{border-top:1px solid var(--contour);padding:19px 0 27px;color:var(--secondaire);font-size:13px}
footer .wrapper{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between} footer a{text-decoration:none}
@media(max-width:600px){header{min-height:74px}header img{width:110px} header nav{gap:10px}header a{font-size:12px}main{padding-top:25px}}