@layer reset, tokens, base, layout, components, pages, utilities;
@layer pages{.sb-hero{display: grid;gap: var(--s-7);align-items: center}@media (min-width: 960px){.sb-hero{grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr)}}.sb-hero-text{display: grid;gap: var(--s-5);min-width: 0}.page-hero.sb-hero h1{max-width: 14ch}.page-hero.sb-hero .lead{max-width: 54ch}.sb-ticket{position: relative;justify-self: center;display: grid;gap: var(--s-3);width: min(100%, 30rem);padding: var(--s-6) var(--s-6) var(--s-5);border-radius: var(--r-xl);background: var(--encre);color: var(--craie);box-shadow: 0 30px 60px -30px rgba(11, 15, 19, 0.55);transform: rotate(-2.5deg);isolation: isolate;overflow: hidden;container-type: inline-size}.sb-ticket-label{font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: rgba(247, 247, 245, 0.7)}.sb-ticket-code{font-family: var(--font-display);font-size: clamp(1.05rem, 7.4cqi, 2rem);font-weight: 600;letter-spacing: 0.06em;white-space: nowrap}.sb-ticket-code b{color: var(--rose-lumiere);font-weight: 600;opacity: 0.85}.sb-ticket-foot{padding-top: var(--s-3);border-top: 1px solid rgba(247, 247, 245, 0.18);font-size: var(--t-sm);color: rgba(247, 247, 245, 0.8)}@media (prefers-reduced-motion: no-preference){.sb-ticket{animation: sb-ticket 900ms var(--ease) both}}@keyframes sb-ticket{from{opacity: 0;transform: rotate(-8deg) translateY(16px);}}.sb-prep{padding: var(--s-8) var(--pad-x);background: var(--bg-alt);border-block: 1px solid var(--line)}.sb-prep h2{font-size: clamp(1.6rem, 1.3rem + 1.2vw, 2.4rem)}.sb-prep-list{list-style: none;display: grid;gap: var(--s-4);margin-top: var(--s-5);grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr))}.sb-prep-icon{display: grid;place-items: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;background: var(--ink);color: var(--on-ink);margin-bottom: var(--s-2)}.sb-prep-item:nth-child(2) .sb-prep-icon{background: var(--magenta-texte)}.sb-prep-item:nth-child(3) .sb-prep-icon{background: var(--vert-texte)}.sb-prep-icon svg{width: 1.3rem;height: 1.3rem}.sb-noscript{margin: var(--s-6) var(--pad-x) 0;padding: var(--s-5);border-radius: var(--r-lg);background: var(--bg-alt)}.sb-form{display: grid;min-width: 0}.sb-hp{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.sb-bar{position: sticky;top: var(--header-h);z-index: 20;margin: 0 calc(-1 * var(--pad-x));padding: var(--s-4) var(--pad-x) var(--s-3);border-bottom: 1px solid var(--line)}.sb-bar::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--bg)}.sb-bar-inner{display: grid;gap: var(--s-3)}.sb-stepper{list-style: none;display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--s-2)}.sb-stepbtn{width: 100%;display: flex;align-items: center;gap: 0.6rem;min-height: 2.75rem;padding: 0.35rem 0.75rem;border-radius: var(--r-md);color: var(--fg-muted);font-size: var(--t-sm);font-weight: 600;text-align: left;transition: background var(--t-fast), color var(--t-fast)}.sb-stepbtn:hover{background: var(--bg-alt);color: var(--fg)}.sb-stepnum{display: inline-grid;place-items: center;flex: none;width: 1.9rem;height: 1.9rem;border-radius: 50%;border: 1.5px solid var(--line-strong);font-family: var(--font-display);font-size: var(--t-xs)}.sb-stepbtn.is-current{color: var(--fg);background: var(--bg-alt)}.sb-stepbtn.is-current .sb-stepnum{background: var(--ink);border-color: var(--ink);color: var(--on-ink)}.sb-stepbtn.is-done .sb-stepnum{background: var(--vert-texte);border-color: var(--vert-texte);color: #fff}.sb-progress{height: 4px;border-radius: 999px;background: var(--line);overflow: hidden}.sb-progress span{display: block;height: 100%;width: 25%;background: linear-gradient(90deg, var(--rouge), var(--magenta), var(--vert));transition: width var(--t-med) var(--ease)}.sb-bar-foot{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-5)}.sb-progress-label{font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--fg-muted)}.sb-dossier{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-2) var(--s-3)}.sb-dossier-title{font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--fg-muted)}.sb-checklist{list-style: none;display: flex;flex-wrap: wrap;gap: 0.4rem}.sb-checklist li{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.7rem 0.3rem 0.4rem;border-radius: var(--r-pill);border: 1px solid var(--line);font-size: var(--t-xs);font-weight: 600;color: var(--fg-muted);transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast)}.sb-tick{position: relative;flex: none;width: 1.05rem;height: 1.05rem;border-radius: 50%;border: 1.5px solid var(--line-strong)}.sb-checklist li.is-ok{color: var(--fg);border-color: color-mix(in srgb, var(--vert) 45%, transparent);background: color-mix(in srgb, var(--vert) 10%, var(--bg))}.sb-checklist li.is-ok .sb-tick{background: var(--vert-texte);border-color: var(--vert-texte)}.sb-checklist li.is-ok .sb-tick::after{content: "";position: absolute;left: 0.31rem;top: 0.14rem;width: 0.26rem;height: 0.5rem;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg)}@media (max-width: 760px){.sb-steplabel{position: absolute;width: 1px;height: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.sb-stepbtn{justify-content: center}.sb-dossier-title{display: none}.sb-bar, .sb-bar-inner{display: contents}.sb-bar::before{content: none}.sb-stepper{position: sticky;top: var(--header-h);z-index: 20;margin: 0 calc(-1 * var(--pad-x));padding: var(--s-2) var(--pad-x);border-bottom: 1px solid var(--line);background: var(--bg)}.sb-progress{margin-top: var(--s-3)}.sb-bar-foot{margin: var(--s-3) calc(-1 * var(--pad-x)) 0;padding: 0 var(--pad-x) var(--s-3);border-bottom: 1px solid var(--line)}}.sb-steps{display: grid;gap: var(--s-6);padding-top: var(--s-7)}.sb-step{display: grid;gap: var(--s-5);min-width: 0}@media (min-width: 1000px){.sb-step{grid-template-columns: minmax(16rem, 0.36fr) minmax(0, 1fr);gap: var(--s-8);align-items: start}}.sb-step-intro{display: grid;gap: var(--s-3);align-content: start}@media (min-width: 1000px){.sb-step-intro{position: sticky;top: calc(var(--header-h) + var(--sb-bar-h, 8.5rem) + 1.5rem)}}.sb-legend-num{display: inline-grid;place-items: center;width: 2.6rem;height: 2.6rem;border-radius: 50%;background: var(--magenta-texte);color: #fff;font-family: var(--font-display);font-weight: 700}.sb-legend{font-size: clamp(1.9rem, 1.4rem + 2vw, 3rem);letter-spacing: -0.03em}.sb-legend:focus{outline: none}.sb-step-lead{color: var(--fg-muted);font-size: var(--t-lead);line-height: 1.55}.sb-tips{margin-top: var(--s-2);padding: var(--s-4) var(--s-5);border-radius: var(--r-lg);background: var(--bg-alt)}.sb-tips-title{font-size: var(--t-xs);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;color: var(--fg-muted);margin-bottom: var(--s-2)}.sb-tips ul{list-style: none;display: grid;gap: var(--s-2)}.sb-tips li{position: relative;padding-left: 1.1rem;font-size: var(--t-sm);line-height: 1.5}.sb-tips li::before{content: "";position: absolute;left: 0;top: 0.55em;width: 0.45rem;height: 0.45rem;border-radius: 50%;background: var(--magenta-texte)}.sb-step-fields{min-width: 0;padding: clamp(1.25rem, 0.8rem + 2vw, 2.75rem);border-radius: var(--r-xl);background: var(--surface);border: 1px solid var(--line);box-shadow: var(--shadow-1);display: grid;gap: var(--s-6)}.sb-fgrid{display: grid;gap: var(--s-5) var(--s-6)}@media (min-width: 720px){.sb-fgrid{grid-template-columns: 1fr 1fr}.sb-fgrid:not(.sb-fgrid--images){align-items: end}.sb-wide{grid-column: 1 / -1}}@media (min-width: 1200px){.sb-fgrid--images{grid-template-columns: 1fr 1.4fr}.sb-fgrid--images .sb-wide{grid-column: auto}}.sb-field{display: grid;gap: 0.4rem;min-width: 0;align-content: start}.sb-field > label, .sb-label, .sb-group > legend{font-weight: 600;font-size: var(--t-sm);color: var(--fg);padding: 0}.sb-hint{font-size: var(--t-sm);color: var(--fg-muted);line-height: 1.5}.sb-field input[type=text], .sb-field input[type=email], .sb-field input[type=url], .sb-field input[type=month], .sb-field input[type=tel], .sb-field input[type=number], .sb-field textarea, .sb-field select{width: 100%;min-height: 3rem;padding: 0.7rem 0.9rem;border-radius: var(--r-md);border: 1.5px solid var(--line-field);background: var(--bg);color: var(--fg);font: inherit;font-size: 1rem;line-height: 1.5;transition: border-color var(--t-fast), box-shadow var(--t-fast)}.sb-field textarea{resize: vertical}.sb-field input[type=month], .sb-field input[type=date]{-webkit-appearance: none;appearance: none;display: block;text-align: left}.sb-field input[type=month]::-webkit-datetime-edit, .sb-field input[type=date]::-webkit-datetime-edit{padding: 0}.sb-field input[type=month]::-webkit-calendar-picker-indicator, .sb-field input[type=date]::-webkit-calendar-picker-indicator{cursor: pointer;opacity: 0.7}.sb-field input:focus-visible, .sb-field textarea:focus-visible, .sb-field select:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px;box-shadow: none}.sb-field [aria-invalid="true"]{border-color: var(--danger)}.sb-error{font-size: var(--t-sm);font-weight: 600;color: var(--danger)}.sb-error:empty{display: none}.sb-counter{font-size: var(--t-xs);color: var(--fg-muted);text-align: right;font-variant-numeric: tabular-nums}.sb-counter:empty{display: none}.sb-counter.is-warn{color: #8A5A00}.sb-group{border: 0;padding: 0;margin: 0;min-width: 0;display: grid;gap: var(--s-2);align-content: start}.sb-codefield{padding: var(--s-5);border-radius: var(--r-lg);background: var(--bg-alt)}.sb-code-wrap{position: relative;display: flex;align-items: center;border-radius: var(--r-md);border: 2px solid var(--line-field);background: var(--bg);transition: border-color var(--t-fast), box-shadow var(--t-fast)}.sb-code-wrap:focus-within{outline: 3px solid var(--focus);outline-offset: 2px;box-shadow: none}.sb-code-wrap.is-libre{border-color: var(--success)}.sb-code-wrap.is-utilise, .sb-code-wrap.is-inconnu, .sb-code-wrap.is-en_cours, .sb-code-wrap.is-revoque, .sb-code-wrap.is-format{border-color: var(--danger)}.sb-code-icon{display: grid;place-items: center;flex: none;width: 3.25rem;color: var(--magenta-texte)}.sb-code-icon svg{width: 1.4rem;height: 1.4rem}.sb-codefield .sb-code-wrap input{flex: 1;min-width: 0;min-height: 3.6rem;padding: 0.6rem 1rem 0.6rem 0;border: 0;background: transparent;box-shadow: none;outline: none;font-family: var(--font-display);font-size: clamp(1.2rem, 1rem + 0.9vw, 1.6rem);font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase}@media (max-width: 599.98px){.sb-codefield{padding: var(--s-4)}.sb-code-icon{width: 2.5rem}.sb-codefield .sb-code-wrap input{font-size: 1.05rem;letter-spacing: 0.06em}}.sb-code-status{min-height: 1.4em;font-size: var(--t-sm);font-weight: 600;color: var(--fg-muted)}.sb-code-status.is-libre{color: var(--success)}.sb-code-status.is-utilise, .sb-code-status.is-inconnu, .sb-code-status.is-en_cours, .sb-code-status.is-revoque, .sb-code-status.is-format{color: var(--danger)}.sb-choices{display: flex;flex-wrap: wrap;gap: var(--s-2)}.sb-choice{position: relative}.sb-choice input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.sb-choice span{display: inline-flex;align-items: center;min-height: 2.75rem;padding: 0 1.1rem;border-radius: var(--r-pill);border: 1.5px solid var(--line-field);font-size: var(--t-sm);font-weight: 600;background: var(--bg);transition: background var(--t-fast), color var(--t-fast), border-color var(--t-fast)}.sb-choice input:checked + span{background: var(--ink);border-color: var(--ink);color: var(--on-ink)}.sb-choice input:focus-visible + span{outline: 3px solid var(--focus);outline-offset: 2px}.sb-checks{display: grid;gap: var(--s-2)}@media (min-width: 900px){.sb-checks--2{grid-template-columns: 1fr 1fr}}.sb-check{display: flex;gap: 0.75rem;align-items: flex-start;padding: 0.8rem 0.95rem;border-radius: var(--r-md);border: 1px solid var(--line);background: var(--bg);line-height: 1.5;cursor: pointer}.sb-check:hover{border-color: var(--line-strong)}.sb-check input{flex: none;width: 1.2rem;height: 1.2rem;margin-top: 0.15rem;accent-color: var(--magenta-texte)}.sb-check:has(input:checked){border-color: var(--magenta-texte);background: color-mix(in srgb, var(--magenta) 6%, var(--bg))}.sb-check a{font-weight: 600}.sb-odds{display: grid;grid-template-columns: repeat(auto-fill, minmax(3.6rem, 1fr));gap: 0.5rem}@media (min-width: 900px){.sb-odds{grid-template-columns: repeat(9, minmax(0, 1fr))}}.sb-odd{position: relative;display: block;border-radius: 10px;cursor: pointer}.sb-odd input{position: absolute;opacity: 0;inset: 0;cursor: pointer}.sb-odd img{display: block;width: 100%;height: auto;border-radius: 10px;transition: box-shadow var(--dur-2) var(--ease-out)}.sb-odd:hover img{box-shadow: 0 0 0 2px var(--surface), 0 0 0 3px var(--line-strong)}.sb-odd input:checked + img{box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}.sb-odd:has(input:checked)::before{content: "";position: absolute;top: -0.35rem;right: -0.35rem;width: 1.35rem;height: 1.35rem;border-radius: 50%;background: var(--ink);box-shadow: 0 0 0 2px var(--surface)}.sb-odd:has(input:checked)::after{content: "";position: absolute;top: -0.12rem;right: 0.02rem;width: 0.32rem;height: 0.6rem;border: solid var(--on-ink);border-width: 0 2px 2px 0;transform: rotate(45deg)}.sb-odd input:focus-visible + img{box-shadow: 0 0 0 2px var(--surface), 0 0 0 4px var(--focus)}.sb-drop{position: relative;border-radius: var(--r-lg);border: 1.5px solid var(--line-strong);background: var(--bg-alt);transition: border-color var(--t-fast), background var(--t-fast)}.sb-drop.is-over{border-color: var(--magenta-texte);background: color-mix(in srgb, var(--magenta) 8%, var(--bg-alt))}.sb-file{position: absolute;width: 1px;height: 1px;opacity: 0}.sb-drop-zone{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--s-2);min-height: 9.5rem;padding: var(--s-5);text-align: center;color: var(--fg-muted);cursor: pointer}.sb-drop-icon{display: grid;place-items: center;width: 3rem;height: 3rem;border-radius: 50%;background: var(--surface);color: var(--magenta-texte);box-shadow: var(--shadow-1)}.sb-drop-icon svg{width: 1.4rem;height: 1.4rem}.sb-drop-browse{color: var(--fg);font-weight: 600;text-decoration: underline;text-underline-offset: 0.2em}.sb-file:focus-visible + .sb-drop-zone{outline: 3px solid var(--focus);outline-offset: 3px;border-radius: var(--r-lg)}.sb-drop.has-file .sb-drop-zone{display: none}.sb-preview{display: flex;align-items: center;gap: var(--s-4);padding: var(--s-4);flex-wrap: wrap}.sb-thumb{width: 7rem;height: auto;border-radius: var(--r-md);box-shadow: var(--shadow-1)}.sb-thumb--portrait{width: 5.5rem;height: 5.5rem;object-fit: cover;border-radius: 50%}.sb-thumb--couverture{width: 12rem;aspect-ratio: 1200 / 630;object-fit: cover}.sb-cover-extra{display: grid;gap: var(--s-3);margin-top: var(--s-3)}.sb-recap{padding: var(--s-5);border-radius: var(--r-lg);background: var(--bg-alt)}.sb-recap h3{font-size: var(--t-h4);margin-bottom: var(--s-3)}.sb-recap dl{display: grid;grid-template-columns: minmax(8rem, auto) 1fr;gap: 0.5rem var(--s-4);font-size: var(--t-sm)}.sb-recap dt{color: var(--fg-muted)}.sb-recap dd{margin: 0;font-weight: 600;overflow-wrap: anywhere}.sb-uploads{list-style: none;display: grid;gap: var(--s-2)}.sb-up{display: grid;grid-template-columns: minmax(0, 1fr) 7rem 3rem;gap: var(--s-3);align-items: center;font-size: var(--t-sm)}.sb-up-label{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.sb-up-bar{height: 6px;border-radius: 999px;background: var(--line);overflow: hidden}.sb-up-bar span{display: block;width: 0;height: 100%;background: var(--magenta-texte);transition: width 120ms linear}.sb-up.is-done .sb-up-bar span{background: var(--vert-texte)}.sb-up-pct{text-align: right;font-variant-numeric: tabular-nums;color: var(--fg-muted)}.sb-alert{padding: var(--s-4);border-radius: var(--r-md);background: color-mix(in srgb, var(--rouge) 8%, var(--bg));font-weight: 600}.sb-nav{display: flex;flex-wrap: wrap;gap: var(--s-3);justify-content: space-between;align-items: center;padding-top: var(--s-5);border-top: 1px solid var(--line)}@media (min-width: 1000px){.sb-nav{margin-left: calc(max(16rem, 0.36 * (100% - var(--s-8)) / 1.36) + var(--s-8))}}.sb-nav .sb-next, .sb-nav .sb-send{margin-left: auto}.sb-nav button{white-space: nowrap}.sb-nav svg{width: 1.1rem;height: 1.1rem;flex: none}.sb-send[disabled]{opacity: 0.6;cursor: progress}.sb:not(.sb-js) .sb-nav, .sb:not(.sb-js) .sb-bar{display: none}.sb-done{display: grid;justify-items: center;gap: var(--s-3);margin-top: var(--s-7);padding: clamp(2rem, 1.5rem + 3vw, 4.5rem);border-radius: var(--r-xl);background: var(--surface);border: 1px solid var(--line);text-align: center}.sb-done:focus{outline: none}.sb-done-icon{display: grid;place-items: center;width: 4.5rem;height: 4.5rem;border-radius: 50%;background: var(--vert-texte);color: #fff}.sb-done-icon svg{width: 2.2rem;height: 2.2rem}.sb-done h2{font-size: clamp(2rem, 1.4rem + 2.4vw, 3.4rem)}.sb-done-ref{font-size: var(--t-lead)}.sb-done-ref strong{font-family: var(--font-display);letter-spacing: 0.06em}.sb-done p{max-width: 56ch;color: var(--fg-muted)}}
@layer pages{.sb-field input[type=password], .sb-field input[type=search], .sb-field input[type=date]{width: 100%;min-height: 3rem;padding: 0.65rem 0.9rem;border-radius: var(--r-md);border: 1.5px solid var(--line-field);background: var(--surface);color: var(--fg);font: inherit}.sb-field input[type=password]:focus-visible, .sb-field input[type=search]:focus-visible, .sb-field input[type=date]:focus-visible{outline: 3px solid var(--focus);outline-offset: 2px;box-shadow: none}}
@layer pages{.sb-choice--multi input:checked + span::before{content: "✓";margin-right: 0.45rem;font-weight: 700}}