html,body{margin:0;padding:0;overflow-x:hidden}
body{font-family:Arial,sans-serif;color:#fff;background:#0A0F2B}
#lang-hero{position:relative;width:100%;min-height:100vh;background-image:url("../img/bg-lang-mobile.avif");background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box}
@supports not (background-image:url("../img/bg-lang-mobile.avif")){#lang-hero{background-image:url("../img/bg-lang-mobile.webp")}}
#lang-hero .overlay{position:absolute;inset:0;background:rgba(0,0,0,.45);z-index:1}
#lang-hero .content{position:relative;z-index:2;max-width:90%;text-align:center}
#lang-hero h1{font-size:clamp(1.5rem, 4vw, 3rem);margin-bottom:15px;font-weight:700;color:#fff}
#lang-hero h2{font-size:clamp(1rem,2.5vw,1.5rem);margin-bottom:10px;font-weight:600;color:#fff}
#lang-hero p{font-size:clamp(0.8rem,2vw,0.96rem);line-height:1.4;margin-bottom:20px}
.lang-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%;margin-top:25px}
.lang-btn{display:block;width:100%;padding:14px 0;background:#790078;color:#fff;text-decoration:none;font-size:1.1rem;border-radius:6px;font-weight:bold;text-align:center;transition:background .2s ease-out}
.lang-btn:hover{background:#5c005c}
@media(min-width:768px){#lang-hero{background-image:url("../img/bg-lang-tablette.avif")}@supports not (background-image:url("../img/bg-lang-tablette.avif")){#lang-hero{background-image:url("../img/bg-lang-tablette.webp")}}.lang-grid{grid-template-columns:1fr 1fr;max-width:500px;margin-inline:auto}}
@media(min-width:1024px){#lang-hero{background-image:url("../img/bg-lang-desktop.avif")}@supports not (background-image:url("../img/bg-lang-desktop.avif")){#lang-hero{background-image:url("../img/bg-lang-desktop.webp")}}.lang-grid{grid-template-columns:repeat(3,1fr)}.content{max-width:700px}}
@media(min-width:1600px){#lang-hero{background-image:url("../img/bg-lang-2k.avif")}@supports not (background-image:url("../img/bg-lang-2k.avif")){#lang-hero{background-image:url("../img/bg-lang-2k.webp")}}.lang-grid{grid-template-columns:repeat(3,1fr)}}