body.sp{background:var(--sp-canvas-warm)}.acces{min-height:100dvh;padding-top:env(safe-area-inset-top);background:radial-gradient(120% 70% at 50% -10%, var(--sp-orange-300) 0%, var(--sp-canvas-warm) 58%, var(--sp-surface) 100%);flex-direction:column;display:flex}.acces__colonne{flex-direction:column;flex:1;width:100%;max-width:440px;margin:0 auto;display:flex}.marque{padding:var(--sp-8) 0 0;flex-direction:column;align-items:center;display:flex}.marque b{font-size:38px;font-weight:var(--sp-w-black);letter-spacing:var(--sp-track-logo);color:var(--sp-marine-900);line-height:1}.marque i{background:var(--sp-orange-600);border-radius:0 0 18px 18px;width:34px;height:10px;margin-top:3px;display:block}.marque .sig{margin-top:var(--sp-3);font-size:var(--sp-size-13);color:var(--sp-ink-500);font-weight:var(--sp-w-medium)}.acces--connexion .sp-medaillon{margin:auto 0 -34px}.panneau{margin:0 var(--sp-4);padding:calc(var(--sp-6) + 12px) var(--sp-4) var(--sp-4);background:var(--sp-surface);border:1px solid var(--sp-line-200);border-radius:var(--sp-r-xl);box-shadow:var(--sp-shadow-3);gap:var(--sp-3);flex-direction:column;display:flex}.panneau h1{font-size:var(--sp-size-21);font-weight:var(--sp-w-black);letter-spacing:var(--sp-track-tight);text-align:center;margin:0}.panneau .chapo{font-size:var(--sp-size-13);color:var(--sp-ink-500);text-align:center;margin:-4px 0 var(--sp-1);line-height:1.42}.panneau .champ label,.panneau .champ>span:first-child{font-size:var(--sp-size-12);font-weight:var(--sp-w-bold);color:var(--sp-ink-700)}.panneau .sp-field{height:52px}.panneau .sp-field input{font-size:var(--sp-size-15)}.voir{color:var(--sp-ink-300);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.compte{justify-content:center;align-items:baseline;gap:var(--sp-2);padding:var(--sp-4) 0 var(--sp-2);display:flex}.compte .v{font-size:40px;font-weight:var(--sp-w-black);letter-spacing:var(--sp-track-tight);color:var(--sp-ink-900);font-variant-numeric:tabular-nums}.compte .u{font-size:var(--sp-size-15);color:var(--sp-ink-500);font-weight:var(--sp-w-bold)}.code{justify-content:center;gap:7px;display:flex;position:relative}.code span{border-radius:var(--sp-r-md);border:1.5px solid var(--sp-line-200);background:var(--sp-surface);width:46px;height:58px;font-size:var(--sp-size-26);font-weight:var(--sp-w-black);color:var(--sp-ink-900);font-variant-numeric:tabular-nums;place-items:center;display:grid}.code span.vide{color:var(--sp-line-300)}.code span.actif{border-color:var(--sp-orange-500);box-shadow:0 0 0 3px var(--sp-orange-050)}.code input{opacity:0;caret-color:#0000;border:0;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.aide{font-size:var(--sp-size-12);color:var(--sp-ink-500);text-align:center;margin:0;line-height:1.44}.aide b{color:var(--sp-ink-700);font-weight:var(--sp-w-bold)}.lien-discret{cursor:pointer;font-family:var(--sp-font);font-size:var(--sp-size-12);font-weight:var(--sp-w-bold);color:var(--sp-ink-500);background:0 0;border:0;align-self:center;padding:0}.case{justify-content:center;align-items:center;gap:var(--sp-2);font-size:var(--sp-size-12);color:var(--sp-ink-500);display:flex}.pied{text-align:center;padding:var(--sp-5) var(--sp-4) calc(var(--sp-8) + env(safe-area-inset-bottom));font-size:var(--sp-size-11);color:var(--sp-ink-300);margin-top:auto;line-height:1.5}.sp-btn--large{width:100%;height:52px}.sp-btn:disabled{opacity:.55;cursor:default}
