.s3.s3x{--s3x-courbe:cubic-bezier(.76, 0, .24, 1);--s3x-brique:#b4482d;flex-direction:column;align-items:center;min-height:100vh;padding:48px 20px 60px;display:flex;position:relative;overflow:clip}.s3x .s3x-fond{pointer-events:none;background:radial-gradient(60% 50% at 50% 0%, #e6f9b259, #e6f9b200 70%), radial-gradient(50% 60% at 100% 100%, #cfe0ec73, #cfe0ec00 70%), var(--s3-fond);position:absolute;inset:0}.s3x .s3x-marque{align-items:center;display:flex;position:relative}.s3x .s3x-carte{background:#fff;border:1px solid #ffffffe6;border-radius:40px;grid-template-columns:1fr 1fr;width:100%;max-width:1082px;min-height:642px;margin-top:40px;display:grid;position:relative;overflow:hidden;box-shadow:0 60px 100px -50px #24506e73,0 2px 6px #0b0e0d0a}.s3x .s3x-formulaire{opacity:0;pointer-events:none;min-width:0;transition:opacity .5s ease 0s, transform .8s var(--s3x-courbe) 0s;flex-direction:column;grid-row:1;justify-content:center;padding:56px clamp(32px,5vw,72px);display:flex}.s3x .s3x-formulaire--inscription{grid-column:1;transform:translate(-40px)}.s3x .s3x-formulaire--connexion{grid-column:2;transform:translate(40px)}.s3x .s3x-formulaire.s3x-actif{opacity:1;pointer-events:auto;transition-delay:.35s,.2s;transform:translate(0)}.s3x .s3x-entete{text-align:center;flex-direction:column;align-items:center;display:flex}.s3x .s3x-surtitre{font:500 11.5px/1 var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.14em;color:var(--s3-vert-texte)}.s3x .s3x-titre{letter-spacing:-.05em;margin:14px 0 0;font-size:40px;font-weight:600;line-height:1}.s3x .s3x-titre:focus,.s3x .s3x-titre:focus-visible{outline:none}.s3x .s3x-chapo{color:var(--s3-texte-doux);margin:12px 0 0;font-size:16px;line-height:1.5}.s3x .s3x-rappel{color:var(--s3-vert-texte);text-align:center;background:#e6f9b299;border-radius:999px;align-self:center;margin:16px 0 -10px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.3}.s3x .s3x-champs{flex-direction:column;gap:18px;margin-top:32px;display:flex}.s3x .s3x-duo{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:16px;display:grid}.s3x .s3x-champ{flex-direction:column;gap:8px;min-width:0;display:flex}.s3x .s3x-champ__libelle{font-size:14px;font-weight:500}.s3x .s3x-requis{color:var(--s3x-brique)}.s3x .s3x-champ__saisie{border:1px solid var(--s3-filet-fort);background:var(--s3-fond);width:100%;height:54px;font:400 16px var(--font-schibsted), system-ui, sans-serif;color:var(--s3-nuit);border-radius:16px;outline:none;padding:0 18px;transition:border-color .2s,box-shadow .2s,background .2s}.s3x .s3x-champ__saisie::placeholder{color:#9aa5a1}.s3x .s3x-champ__saisie:focus{border-color:var(--s3-vert-marque);background:#fff;box-shadow:0 0 0 4px #569b7729}.s3x .s3x-champ__saisie:focus-visible{outline:none}.s3x .s3x-champ__aide{color:var(--s3-texte-doux);font-size:13px;font-weight:400}.s3x .s3x-accord{color:var(--s3-texte);cursor:pointer;align-items:flex-start;gap:12px;margin-top:20px;font-size:14px;line-height:1.5;display:flex}.s3x .s3x-conseils{color:var(--s3-texte);margin:10px 0 0 30px;font-size:13px;line-height:1.5}.s3x .s3x-accord__case{width:18px;height:18px;accent-color:var(--s3-vert);cursor:pointer;flex:none;margin:2px 0 0}.s3x .s3x-lien{color:var(--s3-vert-texte);text-underline-offset:3px;font-weight:600;text-decoration:underline}.s3x a.s3x-lien:hover{color:var(--s3-vert)}.s3x button.s3x-lien{font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.s3x .s3x-erreur{color:var(--s3x-brique);background:#b4482d12;border-radius:14px;margin:18px 0 0;padding:12px 16px;font-size:14px;line-height:1.5}.s3x .s3x-bouton{background:linear-gradient(160deg, var(--s3-vert-clair), var(--s3-vert));color:#fff;cursor:pointer;border:none;border-radius:999px;height:54px;margin-top:26px;font-size:16px;font-weight:600;transition:transform .25s;box-shadow:0 16px 30px -14px #2f5c46cc}.s3x .s3x-bouton:hover{transform:translateY(-2px)}.s3x .s3x-bouton:active{transform:scale(.98)}.s3x .s3x-bouton:disabled{cursor:progress;opacity:.8;transform:none}.s3x .s3x-oubli{align-self:center;margin-top:22px;font-size:15px}.s3x .s3x-bascule{text-align:center;color:var(--s3-texte);margin:22px 0 0;font-size:15px;display:none}.s3x .s3x-bouton-verre{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:52px;color:var(--s3-nuit);cursor:pointer;background:#ffffffb3;border:1px solid #0b0e0d1f;border-radius:999px;padding:0 26px;font-size:15px;font-weight:600;transition:background .25s,color .25s,transform .25s;box-shadow:0 14px 28px -18px #0b0e0d80}.s3x .s3x-bouton-verre:hover:not(:disabled){background:var(--s3-nuit);color:#fff;transform:translateY(-2px)}.s3x .s3x-bouton-verre:disabled{cursor:default;opacity:.6}.s3x .s3x-verif{text-align:center;flex-direction:column;align-items:center;display:flex}.s3x .s3x-verif__picto{background:var(--s3-lime);width:56px;height:56px;color:var(--s3-vert-texte);border-radius:18px;place-items:center;margin-bottom:8px;display:grid}.s3x .s3x-verif__texte{max-width:420px;color:var(--s3-texte-doux);text-wrap:pretty;margin:16px 0 0;font-size:16px;line-height:1.55}.s3x .s3x-verif__texte strong{color:var(--s3-nuit);overflow-wrap:anywhere;font-weight:600}.s3x .s3x-verif__note{color:var(--s3-texte-doux);margin:12px 0 0;font-size:14px;line-height:1.5}.s3x .s3x-verif__actions{flex-direction:column;align-items:center;gap:16px;margin-top:28px;font-size:15px;display:flex}.s3x .s3x-verif__actions .s3x-erreur{margin:0}.s3x .s3x-bulle{z-index:2;clip-path:ellipse(52% 120% at 0 0);transition:clip-path .9s var(--s3x-courbe);background:#f3f1ea;position:absolute;inset:0;overflow:hidden}.s3x .s3x-carte[data-mode=signup] .s3x-bulle{clip-path:ellipse(52% 120% at 100% 0)}.s3x .s3x-bulle__image{width:120%;transition:transform .9s var(--s3x-courbe);background-position:70%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:-10%;transform:translate(-4%)}.s3x .s3x-carte[data-mode=signup] .s3x-bulle__image{transform:translate(4%)}.s3x .s3x-bulle__voile{background:linear-gradient(#ffffff59,#ffffff1a);position:absolute;inset:0}.s3x .s3x-appel{text-align:center;opacity:0;pointer-events:none;width:50%;transition:opacity .45s ease 0s, transform .9s var(--s3x-courbe);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0}.s3x .s3x-appel--gauche{padding:40px 9% 40px 6%;left:0;transform:translate(-60px)}.s3x .s3x-appel--droite{padding:40px 6% 40px 9%;right:0;transform:translate(60px)}.s3x .s3x-appel.s3x-actif{opacity:1;pointer-events:auto;transition-delay:.4s,0s;transform:translate(0)}.s3x .s3x-appel__titre{letter-spacing:-.045em;color:var(--s3-nuit);text-wrap:balance;text-shadow:0 1px 24px #ffffffe6;margin:0;font-size:36px;font-weight:600;line-height:1.05}.s3x .s3x-appel__texte{color:#2a3532;text-wrap:pretty;text-shadow:0 1px 18px #fffffff2;max-width:340px;margin:16px 0 0;font-size:17px;line-height:1.55}.s3x .s3x-appel__bouton{margin-top:28px}.s3x .s3x-mention{font:400 12px/1 var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;color:var(--s3-gris);text-align:center;margin:28px 0 0;position:relative}@media (max-width:859.98px){.s3x .s3x-carte{grid-template-columns:1fr}.s3x .s3x-formulaire--inscription,.s3x .s3x-formulaire--connexion{grid-column:1;padding:44px 26px}.s3x .s3x-formulaire:not(.s3x-actif),.s3x .s3x-bulle{display:none}.s3x .s3x-bascule{display:block}}
