:root{
  --bg:#0f1221;--bg2:#161a2e;--text:#fff;--muted:#aaa;--accent:#6dd3ff;
}
*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}
body{background:var(--bg);color:var(--text);line-height:1.5}
.container{max-width:1000px;margin:0 auto;padding:20px}
nav{position:sticky;top:0;background:#0f1221cc;backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.1)}
nav .inner{display:flex;align-items:center;justify-content:space-between;padding:16px}
nav a{color:var(--text);margin:0 10px;text-decoration:none}
nav a:hover{color:var(--accent)}
.lang select{padding:4px;border-radius:6px}
header{padding:60px 20px;text-align:center}
header h1{font-size:2em;margin-bottom:20px}
header p{color:var(--muted)}
.btn{display:inline-block;margin-top:20px;padding:16px 20px;background:var(--accent);color:#000;font-weight:bold;border-radius:8px;text-decoration:none}
section{padding:60px 20px;border-top:1px solid rgba(255,255,255,.1)}
h2{text-align:center;margin-bottom:20px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}
.card{background:var(--bg2);padding:20px;border-radius:10px}
.card h3{margin-bottom:10px}
form input,form textarea{width:100%;padding:10px;margin:6px 0;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#0002;color:var(--text)}
form button{margin-top:10px;padding:16px 20px;background:var(--accent);color:#000;border:none;border-radius:8px;font-weight:bold;cursor:pointer}
footer{text-align:center;padding:20px;color:var(--muted);font-size:.9em;border-top:1px solid rgba(255,255,255,.1)}
[data-i18n]{display:none}
html[lang="fr"] [data-i18n^="fr:"],
html[lang="en"] [data-i18n^="en:"]{display:block}

.logo{display:flex;align-items:center;gap:10px}

nav .inner{align-items:center;min-height:90px}

.logo { display:flex; align-items:center; gap:10px }
.logo-img { height:88px; display:block }
@media (max-width: 980px){
  .logo-img { height:56px }
}