.cx{background:var(--sp-canvas);min-height:100dvh;color:var(--sp-ink-900);font-family:var(--sp-font);display:flex}.cx__cote{box-sizing:border-box;background:linear-gradient(170deg, var(--sp-orange-050) 0%, var(--sp-canvas) 100%);border-right:1px solid var(--sp-creme-200);flex-direction:column;flex:420px;justify-content:space-between;min-height:100dvh;padding:48px;display:flex}.cx__marque{align-items:baseline;gap:4px;display:flex}.cx__marque b{font-size:var(--sp-size-34);font-weight:var(--sp-w-bold);color:var(--sp-marine-900);letter-spacing:var(--sp-track-titre);line-height:1}.cx__marque i{aspect-ratio:1000/446.42;width:24px;display:block}.cx__marque i svg{width:100%;height:100%;display:block}.cx__portrait{border-radius:var(--sp-r-pill);object-fit:cover;border:6px solid var(--sp-surface);width:260px;height:260px;box-shadow:var(--sp-shadow-portrait);align-self:center}.cx__devise{max-width:380px;font-size:var(--sp-size-15);color:var(--sp-ink-700);margin:0;line-height:1.5}.cx__principal{box-sizing:border-box;flex-direction:column;flex:520px;justify-content:center;align-items:center;min-height:100dvh;padding:48px;display:flex}.cx__portrait--petit{display:none}.cx__colonne{width:100%;max-width:420px}.cx .panneau{box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;gap:18px;margin:0;padding:0;display:flex}.cx__titre{flex-direction:column;gap:4px;display:flex}.cx .panneau h1{font-size:var(--sp-size-26);font-weight:var(--sp-w-bold);letter-spacing:normal;color:var(--sp-marine-900);text-align:left;margin:0;line-height:1.2}.cx__titre p{font-size:var(--sp-size-15);color:var(--sp-ink-700);margin:0;line-height:1.5}.cx .champ{gap:6px}.cx .panneau .champ label,.cx .panneau .champ>span:first-child{font-size:var(--sp-size-14);font-weight:var(--sp-w-bold);color:var(--sp-marine-900)}.cx .panneau .sp-field{border:1px solid var(--sp-line-200);border-radius:var(--sp-r-12);background:var(--sp-surface);height:auto;min-height:48px;padding:0 14px}.cx .panneau .sp-field:focus-within{border-color:var(--sp-orange-600)}.cx .panneau .sp-field>svg:first-child{display:none}.cx .panneau .sp-field input{font-size:var(--sp-size-16);color:var(--sp-ink-900)}.cx .code{justify-content:stretch;gap:8px}.cx .code span{border-radius:var(--sp-r-12);border:1.5px solid var(--sp-line-200);width:auto;height:54px;font-size:var(--sp-size-22);font-weight:var(--sp-w-bold);color:var(--sp-marine-900);flex:1 1 0}.cx .code span.vide{color:var(--sp-line-300)}.cx .code span.actif{border-color:var(--sp-orange-600);box-shadow:none}.cx .sp-btn--large{border-radius:var(--sp-r-md);height:auto;min-height:52px;font-size:var(--sp-size-17);box-shadow:none;border:0}.cx .aide,.cx .case{text-align:left;font-size:var(--sp-size-13);color:var(--sp-gris-700);justify-content:flex-start;line-height:1.45}.cx .lien-discret{font-size:var(--sp-size-14);color:var(--sp-orange-ink);align-self:flex-start}.cx .compte{justify-content:flex-start;padding:0}.cx .compte .v{color:var(--sp-marine-900);font-weight:var(--sp-w-bold)}.cx__surete{font-size:var(--sp-size-13);color:var(--sp-gris-700);align-items:flex-start;gap:8px;margin:0;line-height:1.45;display:flex}.cx__surete svg{width:16px;height:16px;color:var(--sp-marine-700);flex:none}@media (width<=719px){.cx__cote{display:none}.cx__principal{min-height:100dvh;padding:calc(64px + env(safe-area-inset-top)) 22px calc(40px + env(safe-area-inset-bottom));justify-content:flex-start;gap:22px}.cx__portrait--petit{width:96px;height:96px;box-shadow:var(--sp-shadow-portrait-petit);border-width:4px;display:block}.cx__colonne{max-width:346px}}