*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;background:#F2F3EE;color:#14183F;line-height:1.65}
a{color:#14183F}header{background:#14183F;color:#fff}header .in{max-width:860px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
header a.logo{display:flex;align-items:center;gap:14px;color:#fff;text-decoration:none}header a.logo img{width:52px;height:52px;border-radius:15px;display:block}header a.logo span{font-size:39px;font-weight:800;letter-spacing:-.03em;font-family:'Avenir Next','Trebuchet MS',ui-rounded,system-ui,sans-serif}
.lang button{min-height:44px;min-width:48px;border-radius:12px;font:inherit;font-weight:700;cursor:pointer;background:transparent;color:#E4E6FF;border:1px solid rgba(255,255,255,.4)}
.lang button[aria-pressed=true]{background:#fff;color:#14183F}
header .zz{position:relative;flex:1 1 70px;height:56px;min-width:70px;color:#FFC857;font-weight:800;font-family:'Avenir Next','Trebuchet MS',system-ui,sans-serif;pointer-events:none}
header .zz span{position:absolute;opacity:0;animation:zz 7s ease-in-out infinite}
header .zz span:nth-child(1){font-size:16px;left:0;top:34px}header .zz span:nth-child(2){font-size:24px;left:14px;top:16px;animation-delay:1.2s}header .zz span:nth-child(3){font-size:34px;left:34px;top:0;animation-delay:2.4s}
@keyframes zz{0%{opacity:0;transform:translateY(8px)}25%{opacity:.9}70%{opacity:.9}100%{opacity:0;transform:translateY(-6px)}}
@media (max-width:520px){header .zz{display:none}}@media (prefers-reduced-motion:reduce){header .zz span{animation:none;opacity:.8}}
main{max-width:860px;margin:0 auto;padding:32px 20px 56px}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin:0 0 8px;letter-spacing:-1px}
.lead{font-size:19px;color:#3E4370;margin:0 0 28px}h2{font-size:24px;margin:36px 0 8px;letter-spacing:-.4px}
ul{padding-left:22px}li{margin:6px 0}.card{background:#fff;border-radius:18px;padding:20px 22px;margin:20px 0}
.note{font-size:14px;color:#4A4F7A;border-top:1px solid #D9DCEB;margin-top:36px;padding-top:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;padding:0;list-style:none}
.grid a{display:block;background:#fff;border-radius:18px;padding:20px;text-decoration:none;height:100%}.grid strong{display:block;font-size:22px}
.btn{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:12px;background:#FFC857;color:#14183F;font-weight:700;text-decoration:none}
footer{background:#14183F;color:#B4B9E6;font-size:14px}footer .in{max-width:860px;margin:0 auto;padding:24px 20px}footer a{color:#fff}
[lang=en]:not(html){display:none}html[data-l=en] [lang=fr]:not(html){display:none}html[data-l=en] [lang=en]:not(html){display:block}
html[data-l=en] li[lang=en]{display:list-item}html[data-l=en] a[lang=en],html[data-l=en] span[lang=en]{display:inline}
