.connexion{isolation:isolate;min-height:100dvh;padding:28px max(24px, env(safe-area-inset-left)) var(--esp-10);flex-direction:column;display:flex;position:relative;overflow-x:clip}.connexion-fond{z-index:-1;background:radial-gradient(760px 760px at 88% 0%, color-mix(in srgb, var(--g2) 30%, transparent), transparent 68%), radial-gradient(600px 600px at 0% 100%, color-mix(in srgb, var(--aur2) 40%, transparent), transparent 65%);position:absolute;inset:0}.connexion-fond:after{content:"";background-image:radial-gradient(#ffffff0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask:radial-gradient(at 75% 35%,#000 0%,#0000 65%);mask:radial-gradient(at 75% 35%,#000 0%,#0000 65%)}.connexion-marque{align-items:center;gap:var(--esp-3);letter-spacing:-.02em;width:100%;max-width:1180px;margin:0 auto;font-size:20px;font-weight:700;display:flex}.connexion-marque a{color:inherit;border-radius:8px;display:inline-flex}.connexion-corps{gap:var(--esp-10);width:100%;max-width:1180px;padding-top:var(--esp-9);flex:1;grid-template-columns:minmax(0,1.15fr) minmax(0,440px);align-items:center;margin:0 auto;display:grid}.connexion-titre{letter-spacing:-.04em;text-wrap:balance;-webkit-text-stroke:.2px currentColor;margin:0;font-size:clamp(46px,6vw,92px);font-weight:800;line-height:.96}.connexion-titre em{color:var(--acc-nuit);-webkit-text-stroke:0;text-shadow:0 0 30px color-mix(in srgb, var(--g2) 45%, transparent);font-style:italic}.connexion-texte .chapo{margin-top:var(--esp-5);max-width:30em;color:var(--nuit-ink-2)}.acces-apercu{width:min(420px,100%);margin-top:var(--esp-8);transform-origin:0;position:relative;transform:perspective(1400px)rotateY(10deg)rotateX(6deg)rotate(-2deg)}.acces-apercu-carte{background:linear-gradient(150deg, color-mix(in srgb, var(--g1) 60%, #fff) 0%, var(--g2) 45%, var(--g3) 100%);box-shadow:inset 0 1px 0 #fff9, -20px 34px 60px -26px #000000d9, 0 0 60px color-mix(in srgb, var(--g2) 30%, transparent);color:var(--sur);border-radius:28px;padding:22px;position:relative;overflow:hidden}.acces-apercu-carte:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;animation:5.5s ease-in-out 1s infinite acces-reflet;position:absolute;top:0;bottom:0;left:0;translate:-120%}.acces-apercu-tete{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:14px;display:flex}.acces-apercu-tete span{border-radius:var(--r-pilule);background:color-mix(in srgb, var(--sur) 14%, transparent);padding:3px 10px;font-size:12px;font-weight:800}.acces-apercu-montant{letter-spacing:-.05em;margin-top:8px;font-size:56px;font-weight:800;line-height:1}.acces-apercu-montant span{letter-spacing:0;font-size:.45em}.acces-apercu-carte small{opacity:.85;font-size:14px;font-weight:600}.acces-apercu-barre{border-radius:var(--r-pilule);background:color-mix(in srgb, var(--sur) 16%, transparent);height:10px;margin-top:14px;display:flex;overflow:hidden}.acces-apercu-barre span:first-child{background:var(--sur);width:94.8%}.acces-apercu-barre span:last-child{background:var(--alerte-fond);flex:1}.acces-apercu-liste{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.acces-apercu-liste li{background:color-mix(in srgb, var(--nuit-ink) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nuit-ink) 9%, transparent);border-radius:16px;align-items:center;gap:12px;padding:10px 14px;font-size:15px;display:flex}.acces-apercu-liste span:nth-child(2){flex:1}.acces-piece-1{width:64px;animation:acces-flotte 7s var(--e-doux) infinite;font-size:24px;top:-26px;right:-18px;transform:rotate(-16deg)scaleX(.85)}.acces-piece-2{filter:blur(1px);width:40px;animation:acces-flotte 8.5s var(--e-doux) -3s infinite;font-size:15px;bottom:-26px;left:-22px;transform:rotate(20deg)scaleX(.75)}.connexion-carte{gap:var(--esp-4);padding:var(--esp-8);border-radius:var(--r-xl);background:linear-gradient(180deg, color-mix(in srgb, var(--nuit-ink) 10%, var(--nuit)), color-mix(in srgb, var(--nuit-ink) 5%, var(--nuit)));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--nuit-ink) 16%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--nuit-ink) 12%, transparent), -24px 40px 70px -30px #000000e6, 0 0 0 1px color-mix(in srgb, var(--g1) 10%, transparent);display:grid}.champ{gap:var(--esp-2);display:grid}.champ span{color:var(--nuit-ink);font-size:15px;font-weight:700}.champ input{min-height:54px;padding:0 var(--esp-4);border-radius:var(--r-s);border:1px solid color-mix(in srgb, var(--nuit-ink) 42%, transparent);background:color-mix(in srgb, var(--nuit) 70%, transparent);color:var(--nuit-ink);font:inherit;transition:border-color var(--d-ui) var(--e-ui), box-shadow var(--d-ui) var(--e-ui);font-size:17px}.champ input::placeholder{color:var(--nuit-ink-2)}.champ input:hover{border-color:color-mix(in srgb, var(--nuit-ink) 60%, transparent)}.champ input:focus{border-color:var(--g1);box-shadow:0 0 0 4px color-mix(in srgb, var(--g1) 28%, transparent);outline:0}.connexion-erreur{color:#fbbf24;min-height:1.4em;margin:0;font-size:15px;font-weight:600}.connexion-erreur:empty{min-height:0;margin-top:calc(var(--esp-4) * -1)}.connexion-lien{min-height:44px;margin-top:calc(var(--esp-3) * -1);color:var(--nuit-ink-2);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--nuit-ink-2) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--nuit-ink-2) 40%, transparent);text-underline-offset:3px;transition:color var(--d-ui) var(--e-ui), text-decoration-color var(--d-ui) var(--e-ui);justify-self:start;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.connexion-lien:hover,.connexion-lien:focus-visible{color:var(--nuit-ink);-webkit-text-decoration-color:var(--g1);text-decoration-color:var(--g1)}.connexion-bouton+.connexion-lien{justify-self:center;margin-top:0}.connexion-adresse{color:var(--nuit-ink);overflow-wrap:anywhere;font-weight:700}.connexion-bouton{justify-content:center;width:100%;min-height:56px;font-size:17px}.connexion-bouton:disabled{opacity:.7;cursor:progress}@keyframes acces-reflet{60%,to{translate:260%}}@keyframes acces-flotte{50%{translate:0 -14px;rotate:8deg}}@media (max-width:860px){.connexion-corps{align-content:start;gap:var(--esp-8);padding-top:var(--esp-8);grid-template-columns:minmax(0,1fr)}.acces-apercu{display:none}.connexion-carte{padding:var(--esp-6)}}@media (max-width:520px){.connexion{padding:var(--esp-6) var(--esp-4) var(--esp-8)}}@media (prefers-reduced-motion:reduce){.acces-apercu-carte:after,.acces-piece-1,.acces-piece-2{animation:none}}@media (prefers-reduced-transparency:reduce){.connexion-carte{background:#12141f}}
.connexion-etape{gap:var(--esp-2);display:grid}.connexion-etape h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.connexion-etape p{color:var(--nuit-ink-2);margin:0}.champ-code{font-variant-numeric:tabular-nums;letter-spacing:.4em;font-size:22px}.champ-aide{color:var(--nuit-ink-2);font-size:13px}.activation{gap:var(--esp-4);display:grid}.activation-etapes{gap:var(--esp-5);counter-reset:etape;margin:0;padding:0;list-style:none;display:grid}.activation-etapes>li{gap:var(--esp-2);counter-increment:etape;padding-left:40px;display:grid;position:relative}.activation-etapes>li:before{content:counter(etape);background:linear-gradient(135deg, var(--g1), var(--g2) 50%, var(--g3));width:28px;height:28px;color:var(--sur);border-radius:50%;place-items:center;font-size:14px;font-weight:700;display:grid;position:absolute;top:-2px;left:0}.activation-etapes>li>span{color:var(--nuit-ink-2);font-size:15px}.activation-qr{border-radius:var(--r-m);background:#fff;place-items:center;width:200px;height:200px;display:grid}.activation-attente{border-radius:var(--r-s);background:linear-gradient(100deg,#eceef3 30%,#f7f8fa 50%,#eceef3 70%) 0 0/300% 100%;width:176px;height:176px;animation:1.4s linear infinite activation-reflet}@keyframes activation-reflet{to{background-position:-150% 0}}.activation-lien{text-align:left;font:inherit;color:var(--aur2);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.activation-ouvrir{min-height:44px;padding:0 var(--esp-4);border-radius:var(--r-pilule);color:var(--nuit-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nuit-ink) 24%, transparent);justify-self:start;align-items:center;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.activation-cle{letter-spacing:.06em;padding:var(--esp-3) var(--esp-4);border-radius:var(--r-s);background:color-mix(in srgb, var(--nuit) 60%, transparent);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:15px}.securite-corps{gap:var(--esp-6);width:100%;max-width:640px;padding-top:var(--esp-10);margin:0 auto;display:grid}.securite{gap:var(--esp-5);display:grid}.securite-bandeau{padding:var(--esp-3) var(--esp-4);border-radius:var(--r-s);background:color-mix(in srgb, var(--g1) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--g1) 45%, transparent);margin:0;font-weight:600}.securite-bandeau-alerte{background:color-mix(in srgb, var(--alerte-fond) 18%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--alerte-fond) 55%, transparent)}.securite-liste{gap:var(--esp-2);margin:0;padding:0;list-style:none;display:grid}.securite-liste li{justify-content:space-between;align-items:center;gap:var(--esp-4);padding:var(--esp-3) var(--esp-4);border-radius:var(--r-s);background:color-mix(in srgb, var(--nuit) 50%, transparent);display:flex}.securite-liste span{display:grid}.securite-liste small,.securite-vide{color:var(--nuit-ink-2);font-size:14px}.securite-vide{margin:0}.securite-retirer{min-height:40px;padding:0 var(--esp-4);border:1px solid color-mix(in srgb, var(--nuit-ink) 20%, transparent);border-radius:var(--r-pilule);color:var(--nuit-ink);font:inherit;cursor:pointer;background:0 0;font-size:14px;font-weight:700}.securite-retirer:hover{background:color-mix(in srgb, var(--nuit-ink) 8%, transparent)}.securite-secondaire{min-height:48px;padding:0 var(--esp-5);border:1px solid color-mix(in srgb, var(--nuit-ink) 22%, transparent);border-radius:var(--r-pilule);color:var(--nuit-ink);font:inherit;cursor:pointer;transition:background-color var(--d-ui) var(--e-ui);background:0 0;justify-self:start;font-size:15px;font-weight:700}.securite-secondaire:hover{background:color-mix(in srgb, var(--nuit-ink) 8%, transparent)}.securite-secondaire:disabled{opacity:.6;cursor:default}.securite-message{min-height:1.4em;color:var(--nuit-ink);margin:0;font-weight:600}.securite-conseil{color:var(--nuit-ink-2);margin:0;font-size:15px}.securite-retour{color:var(--nuit-ink);text-underline-offset:4px;justify-self:start;font-weight:700}@media (prefers-reduced-motion:reduce){.activation-attente{animation:none}}html:has(body .scene-nuit){background:var(--nuit)}.securite-corps .titre-grand{font-size:clamp(40px,5.2vw,64px)}