:root{--color-blue:#4a7dff;--color-blue-deep:#2f5bd6;--color-night:#061a33;--color-ivory:#f8f7f4;--color-light:#f4f7ff;--color-ink:#1b1f3b;--color-white:#fff;--color-night-deep:#04122a;--color-blue-hover:#3a6cf0;--color-link-hover:#1e3fa8;--color-ink-hover:#0b0f24;--color-ink-soft:#4a4f68;--color-ink-muted:#5a5f78;--color-prose:#2e3350;--color-title-on-light:#0b1b3f;--color-on-night:#fff;--color-on-night-text:#dce6f5;--color-on-night-soft:#b9c8de;--color-on-night-link:#8fb0ff;--color-footer-tagline:#9fb3cc;--color-footer-caps:#6f86a6;--color-night-chip:#0d2647;--color-night-hover:#10305a;--color-line:#d9dce6;--color-line-ivory:#e4e1d8;--color-line-card:#e7e4dc;--color-lang-line:#d9d6cc;--color-menu-light:#eceae3;--color-blue-wash:#eaf0ff;--color-blue-wash-hover:#d7e2ff;--color-field-border:#8a8fa6;--color-field-border-hover:#5a5f78;--color-error:#b00030;--trait-members:#06f;--trait-messages:#00c3ff;--trait-events:#ff8e00;--trait-cotisations:#ffda00;--trait-news:#ff0040;--trait-files:#00ffb1;--trait-sections:#ff00fe;--trait-members-ink:#0040a0;--trait-messages-ink:#004e66;--trait-events-ink:#7a3b00;--trait-cotisations-ink:#5c4a00;--trait-news-ink:#8a0024;--trait-files-ink:#005c40;--trait-sections-ink:#7a0079;--font-sans:"Bricolage Grotesque Variable", "Bricolage Grotesque Fallback", "Bricolage Grotesque Fallback Roboto", system-ui, sans-serif;--font-serif:"Fraunces Variable", "Fraunces Fallback", Georgia, serif;--text-hero:clamp(3.2rem, 1rem + 6vw, 7rem);--text-h1:clamp(min(3rem, 12.5vw), 1rem + 5vw, 6rem);--text-h2:clamp(2.6rem, 1rem + 3.6vw, 4.6rem);--text-h2-m:clamp(2.4rem, 1rem + 3vw, 4rem);--text-h2-s:clamp(2.2rem, 1rem + 2.4vw, 3.4rem);--text-h3:clamp(1.375rem, 1.15rem + .6vw, 1.75rem);--text-card:1.75rem;--text-lead:1.25rem;--text-base:1.0625rem;--text-small:.875rem;--text-label:.875rem;--text-button:1.1875rem;--space-2xs:.5rem;--space-xs:.75rem;--space-s:1rem;--space-m:1.5rem;--space-l:2.5rem;--space-xl:4rem;--gutter:40px;--content-max:1280px;--measure:68ch;--header-height:90px;--radius-pill:999px;--radius-card:28px;--radius-small:12px;--radius-field:14px;--shadow-long:0 48px 96px -32px #061a3373, 0 16px 32px -16px #061a334d;--shadow-soft:0 24px 48px -24px #061a3347;--duration-normal:.3s;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--focus-on-light:var(--color-blue-deep);--focus-on-dark:#ffda00;--focus-color:var(--focus-on-light)}@media (max-width:900px){:root{--gutter:20px;--header-height:92px}}html{font-family:var(--font-sans);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-size:var(--text-base);font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55}h1,h2,h3{text-wrap:balance;overflow-wrap:break-word;font-weight:800}h1{font-size:var(--text-h1);letter-spacing:-.045em;line-height:.92}h2{font-size:var(--text-h2);letter-spacing:-.04em;line-height:.95}h3{font-size:var(--text-h3);letter-spacing:-.02em;line-height:1.15}p{text-wrap:pretty}.serif{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:500}a{color:var(--link-color,var(--color-blue-deep));text-underline-offset:.2em;text-decoration-thickness:.08em}a:hover{color:var(--link-hover-color,var(--color-link-hover))}*,:before,:after{box-sizing:border-box}*{margin:0}html{scroll-padding-top:1.5rem;scroll-padding-bottom:var(--lang-banner-height,0px)}body{min-height:calc(100vh + var(--lang-banner-height,0px));padding-bottom:var(--lang-banner-height,0px);background:var(--color-ivory);color:var(--color-ink);flex-direction:column;display:flex;position:relative}main{flex:1 0 auto;overflow-x:clip}img,picture,svg{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}:focus-visible{outline:3px solid var(--focus-color);outline-offset:3px}main:focus{outline:none}.container{width:100%;max-width:calc(var(--content-max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.surface-night,.surface-night-deep{--focus-color:var(--focus-on-dark);--link-color:var(--color-on-night-link);--link-hover-color:var(--color-on-night);color:var(--color-on-night)}.surface-night{background:var(--color-night)}.surface-night-deep{background:var(--color-night-deep)}.surface-ivory{background:var(--color-ivory);color:var(--color-ink)}.surface-light{background:var(--color-light);color:var(--color-ink)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;top:var(--space-s);left:var(--gutter);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);box-shadow:var(--shadow-soft);padding:.75rem 1.25rem;font-weight:800;text-decoration:none;position:absolute;transform:translateY(-200%)}.skip-link[data-tone=dark]{--focus-color:var(--focus-on-dark)}.skip-link:focus{transform:none}.btn{border-radius:var(--radius-pill);min-height:54px;font-size:var(--text-button);text-align:center;cursor:pointer;transition:transform .25s var(--ease-out-expo), background-color .2s, box-shadow .25s;border:0;justify-content:center;align-items:center;gap:10px;padding:8px 28px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{background:var(--color-blue);color:var(--color-white);box-shadow:0 12px 32px -12px #4a7dffcc}.btn-primary:hover{background:var(--color-blue-hover);color:var(--color-white);transform:translateY(-2px);box-shadow:0 18px 40px -14px #4a7dfff2}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-ghost-dark,.btn-line-dark{color:var(--color-white);background:0 0;box-shadow:inset 0 0 0 1.5px #ffffff80}.btn-ghost-dark:hover,.btn-line-dark:hover{color:var(--color-white);box-shadow:inset 0 0 0 1.5px var(--color-white);background:#ffffff12}.btn-ink{background:var(--color-ink);color:var(--color-white)}.btn-ink:hover{background:var(--color-ink-hover);color:var(--color-white);transform:translateY(-2px)}.btn-white{background:var(--color-white);color:var(--color-link-hover)}.btn-white:hover{color:var(--color-link-hover);transform:translateY(-2px);box-shadow:0 14px 30px -14px #00000080}.btn-line{color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-ink);background:0 0}.btn-line:hover{background:var(--color-ink);color:var(--color-white)}.btn-header{min-height:46px;padding:4px 22px}.btn-form{align-self:stretch;min-height:60px;font-size:1.25rem}.chip{border-radius:var(--radius-pill);font-size:var(--text-label);letter-spacing:.02em;align-items:center;gap:8px;padding:7px 14px;font-weight:600;line-height:1.2;display:inline-flex}.chip-sm{padding:5px 12px;font-size:.8125rem}.chip-gold{background:var(--trait-cotisations);color:#3d3400}.chip-before{color:#9a2a00;background:#ffe9e0}.chip-night{background:var(--color-night-chip);color:var(--color-on-night-text)}.chip-ink{background:var(--color-ink);color:var(--trait-cotisations)}.chip-white{background:var(--color-white);color:var(--color-ink);box-shadow:0 6px 18px -10px #1b1f3b66}.field{flex-direction:column;gap:8px;display:flex}.field label{font-size:.9375rem;font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--color-field-border);border-radius:var(--radius-field);background:var(--color-white);min-height:52px;color:var(--color-ink);font-size:var(--text-base);padding:0 16px;font-weight:500;transition:border-color .2s,box-shadow .2s}.field textarea{padding-block:14px}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--color-field-border-hover)}:is(.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible){outline-offset:2px;border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue);outline:3px solid #0000}.field [aria-invalid=true]{border-color:var(--color-error)}.err{color:var(--color-error);font-size:var(--text-small);font-weight:500}@media (max-width:900px){.hide-sm{display:none!important}.stack-sm{flex-direction:column!important;align-items:stretch!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.btn:hover,.btn:active{transform:none}}
