.nav{--nav-ease:cubic-bezier(.22,1,.36,1);position:fixed;top:16px;left:0;right:0;z-index:50;padding:0 clamp(14px,3vw,40px)}
.nav::before{content:'';position:fixed;inset:0;background:#010014a6;opacity:0;pointer-events:none;transition:opacity .22s var(--nav-ease)}
.nav__inner{position:relative;z-index:2;max-width:1160px;height:68px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr);align-items:center;gap:14px;padding:0 10px 0 22px;border:1px solid #ffffff1c;border-radius:22px;background:linear-gradient(125deg,#111321a8,#050611c9 65%);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:0 8px 32px #0003,inset 0 1px #ffffff05;transition:background .3s,border-color .3s,box-shadow .3s}
.nav.is-scrolled .nav__inner{background:#050611e6;border-color:#ffffff23;box-shadow:0 12px 40px #0005,inset 0 1px #ffffff05}
.nav .nav__brand{position:relative;display:block;justify-self:start;width:132px;height:44px;padding:0;line-height:1;border-radius:11px;outline-offset:4px}
.nav .nav__brand img{position:absolute;left:0;top:50%;width:38.4px;height:32px;transform:translateY(-50%);object-fit:contain;opacity:1}
.nav__name{position:absolute;left:0;top:50%;transform:translate(45px,-50%);font:600 17px/1 var(--texte);letter-spacing:-.025em;color:#e7edfa;white-space:nowrap}
.nav .nav__links{position:relative;isolation:isolate;display:flex;align-items:center;gap:2px;margin:0;padding:4px;border:1px solid #ffffff09;border-radius:15px;background:#01020a40}
.nav .nav__links a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 14px;border-radius:11px;font:500 13px/1 var(--texte);white-space:nowrap;color:#aab5cc;transition:color .2s}
.nav .nav__links a::after{content:none}
.nav .nav__links a:hover,.nav .nav__links a:focus-visible,.nav .nav__links a[aria-current]{color:#f4f7fe}
.nav .nav__links a[aria-current]::before{content:'';position:absolute;bottom:3px;left:calc(50% - 1.5px);height:3px;width:3px;border-radius:50%;background:var(--bleu);box-shadow:0 0 7px #0062f577}
.nav__indicator{position:absolute;z-index:0;pointer-events:none;left:0;top:4px;bottom:4px;width:0;border-radius:11px;border:1px solid #ffffff12;background:linear-gradient(140deg,#ffffff0b,#0062f50b);box-shadow:0 2px 8px #0002,inset 0 1px #ffffff03;opacity:0;transition:transform .24s var(--nav-ease),width .24s var(--nav-ease),opacity .18s}
.nav__indicator[data-visible=true]{opacity:1}
.nav__crown{width:15px;height:15px;flex:none;fill:none;stroke:var(--bleu);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.nav__lang{position:relative;z-index:4;justify-self:center}
.nav__lang-toggle{appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:58px;padding:0 9px;border:1px solid #ffffff12;border-radius:13px;background:#ffffff05;color:#c8d3e8;cursor:pointer;font:600 11px/1 var(--texte);letter-spacing:.04em;transition:background .2s,border-color .2s,color .2s}
.nav__lang-toggle:hover,.nav__lang-toggle[aria-expanded=true]{border-color:#0062f55c;background:#0062f512;color:#fff}
.nav__lang-toggle>svg:first-child{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.nav__lang-chevron{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s var(--nav-ease)}
.nav__lang-toggle[aria-expanded=true] .nav__lang-chevron{transform:rotate(180deg)}
.nav__lang-menu:not([hidden]){position:absolute;top:calc(100% + 10px);right:0;display:grid;width:168px;padding:7px;border:1px solid #ffffff1f;border-radius:15px;background:#070916f7;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 50px #0008,inset 0 1px #ffffff08}
.nav__lang-menu a{display:flex;align-items:center;justify-content:space-between;min-height:43px;padding:0 11px;border-radius:10px;color:#aebbd2;font:500 13px/1 var(--texte);transition:background .18s,color .18s}
.nav__lang-menu a::after{content:none}
.nav__lang-menu a:hover,.nav__lang-menu a:focus-visible{background:#ffffff08;color:#fff}
.nav__lang-menu a[aria-current]{background:#0062f518;color:#fff}
.nav__lang-menu a[aria-current]::before{content:'';width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--bleu);box-shadow:0 0 8px #0062f5}
.nav__lang-menu a[aria-current] span{margin-right:auto}
.nav__lang-menu b{font:600 10px/1 var(--texte);letter-spacing:.08em;color:#7082a3}
.nav .nav__join{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 16px;border:1px solid #ffffff13;border-radius:14px;background:var(--bleu);color:#fff;font:600 12px/1 var(--texte);white-space:nowrap;box-shadow:0 3px 16px #0062f52b,inset 0 1px #ffffff17;transition:background .2s,box-shadow .25s;transform:none}
.nav .nav__join span{font:inherit;transform:none}
.nav .nav__join:hover span{transform:none}
.nav .nav__join:hover{background:#126ffc;box-shadow:0 4px 23px #0062f54d;transform:none}
.nav .nav__join:active{transform:scale(.98)}
.nav .nav__join-short{display:none}
.nav__arrow{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.nav__join:hover .nav__arrow{transform:translateX(2px)}
.nav .nav__toggle{display:none}
.nav .nav__mobile{display:none}
.nav :focus-visible{outline:2px solid #86b6ff;outline-offset:3px}
@media(max-width:1100px) and (min-width:901px){.nav__inner{gap:9px;padding-left:18px}.nav .nav__links a{padding-inline:10px;font-size:12px}.nav .nav__brand{width:112px}.nav__name{font-size:16px}.nav .nav__join{padding-inline:12px;font-size:11px;gap:8px}.nav__lang-toggle{min-width:52px;padding-inline:7px}}
@media(max-width:900px){
 .nav{top:12px;padding-inline:14px}
 .nav__inner{height:64px;max-width:640px;display:flex;gap:10px;padding:0 10px 0 17px;border-radius:20px;background:#070916c7}
 .nav .nav__brand{width:116px;height:42px;margin-right:auto;flex:1;min-width:0}
 .nav .nav__brand img{width:33.6px;height:28px}
 .nav__name{font-size:16px;transform:translate(40px,-50%)}
 .nav .nav__links{display:none}
 .nav__lang{flex:none}
 .nav__lang-toggle{height:38px;min-width:50px;padding-inline:8px;border-radius:12px}
 .nav__lang-toggle>svg:first-child{display:none}
 .nav__lang-menu:not([hidden]){top:calc(100% + 13px);right:-51px;width:162px}
 .nav .nav__join{display:inline-flex;min-height:38px;min-width:93px;font-size:11px;padding-inline:13px;border-radius:12px;gap:8px;flex:none}
 .nav .nav__join .nav__join-long{display:none}
 .nav .nav__join .nav__join-short{display:inline}
 .nav .nav__join>.nav__arrow{width:13px;height:13px}
 .nav .nav__toggle{appearance:none;display:grid;place-content:center;gap:5px;flex:none;width:40px;height:40px;margin:0;border-radius:12px;border:1px solid #ffffff14;background:#ffffff05;color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
 .nav .nav__toggle:hover{background:#ffffff0a;border-color:#ffffff26}
 .nav .nav__toggle span{display:block;width:17px;height:1.5px;border-radius:2px;background:#e3ebfa;transition:transform .25s var(--nav-ease)}
 .nav .nav__toggle[aria-expanded=true] span:first-child{transform:translateY(3.25px) rotate(45deg)}
 .nav .nav__toggle[aria-expanded=true] span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 .nav .nav__mobile:not([hidden]){position:relative;z-index:2;display:grid;gap:5px;max-width:640px;max-height:calc(100dvh - 102px);margin:10px auto 0;padding:11px;border:1px solid #ffffff1f;border-radius:21px;background:linear-gradient(140deg,#0b0d1cf5,#040511f7);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 65px #0007,inset 0 1px #ffffff04;overflow:auto;overscroll-behavior:contain}
 .nav .nav__mobile a{display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:14px;min-height:64px;padding:11px 13px;border:1px solid transparent;border-radius:13px;font:500 18px/1.2 var(--texte);letter-spacing:-.015em;color:#c3cee3;transition:background .2s,border-color .2s,color .2s}
 .nav .nav__mobile a::before,.nav .nav__mobile a[aria-current]::before{content:none;display:none}
 .nav .nav__mobile a:hover,.nav .nav__mobile a:focus-visible{background:#ffffff04;color:#f6f8ff}
 .nav .nav__mobile a[aria-current]{border-color:#0062f532;background:linear-gradient(90deg,#0062f51b,#0062f504);color:#f0f6ff}
 .nav__mobile-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff10;border-radius:11px;background:#ffffff03;color:#899bbd;transition:color .2s,border-color .2s}
 .nav__mobile-icon>svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
 .nav .nav__mobile a[aria-current] .nav__mobile-icon{color:var(--bleu);border-color:#0062f54a;background:#0062f50b}
 .nav .nav__mobile a[href="premium.html"] .nav__mobile-icon{color:var(--bleu)}
 .nav .nav__mobile a>.nav__arrow{justify-self:end;color:#566b8f}
 .nav.is-open::before{opacity:1;pointer-events:auto}
 .nav.is-open .nav__inner{background:#080a19f5;border-color:#ffffff26}
}
@media(max-width:420px){.nav .nav__brand{width:auto}.nav__name{display:none}.nav .nav__join{min-width:74px;padding-inline:10px}.nav__lang-toggle{min-width:44px;padding-inline:6px}}
@media(max-width:360px){.nav{padding-inline:11px}.nav__inner{padding-inline:13px 8px;gap:6px}.nav .nav__brand img{width:30px;height:25px}.nav .nav__join{min-width:68px;padding-inline:8px;font-size:10px;gap:5px}.nav .nav__toggle{width:37px;height:38px}.nav .nav__mobile a{font-size:17px;min-height:60px}}
@media(prefers-reduced-motion:reduce){.nav,.nav *,.nav::before{transition:none!important}.nav .nav__join:active{transform:none}}