.qa-body{z-index:1;place-items:center;min-height:100dvh;padding:24px;display:grid;position:relative}.qa-backdrop{z-index:0;background:var(--color-obsidian) url(/connexion/connexion-paysage.webp) 60% 50% / cover no-repeat;pointer-events:none;position:fixed;inset:0;overflow:hidden}.qa-backdrop video{object-fit:cover;object-position:60% 50%;opacity:0;width:100%;height:100%;transition:opacity var(--base) var(--ease-queleco)}.qa-backdrop video.is-playing{opacity:1}.qa-backdrop:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--color-obsidian) 70%, transparent), color-mix(in srgb, var(--color-obsidian) 15%, transparent) 60%, transparent);position:absolute;inset:0}:root[data-theme$=-clair] .qa-backdrop{background-image:url(/connexion/connexion-paysage-clair.webp)}@media (width>=1024px) and (aspect-ratio>=1){.qa-body{justify-items:start;padding-left:max(48px,8vw)}}@media (aspect-ratio<=1){.qa-backdrop{background-image:url(/connexion/connexion-portrait.webp);background-position:50% 100%}:root[data-theme$=-clair] .qa-backdrop{background-image:url(/connexion/connexion-portrait-clair.webp)}.qa-backdrop video{object-position:50% 100%}.qa-backdrop:after{background:linear-gradient(180deg, color-mix(in srgb, var(--color-obsidian) 55%, transparent), color-mix(in srgb, var(--color-obsidian) 20%, transparent) 55%, transparent 75%)}.qa-body{padding-top:calc(env(safe-area-inset-top) + 24px);padding-bottom:calc(env(safe-area-inset-bottom) + 24px)}}.qa-card{border-radius:var(--radius-card);background:var(--color-pad-solid);border:1px solid var(--color-line);width:100%;max-width:392px;box-shadow:var(--shadow);animation:qa-card-in var(--base) var(--ease-queleco) both;padding:34px 32px 26px}@keyframes qa-card-in{0%{opacity:0;transform:translateY(10px)}}.qa-head{text-align:center;margin-bottom:22px}.qa-mark{object-fit:contain;width:48px;height:48px;filter:var(--drop-mark);margin:0 auto 12px;display:block}.qa-title{font-family:var(--font-drama);letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin:0 0 6px;font-size:21px;font-weight:600;line-height:1.2}.qa-sub{color:var(--color-ink-2);text-wrap:pretty;margin:0;font-size:12.5px;line-height:1.5}.qa-note{border-radius:var(--radius-field);border:1px solid var(--color-line);background:var(--color-raise);color:var(--color-ink-2);margin-bottom:16px;padding:10px 13px;font-size:12.5px;line-height:1.5}.qa-note:empty{display:none}.qa-note--bad{border-color:var(--color-bad-line);background:var(--color-bad-tint);color:var(--color-ink)}.qa-note--good{border-color:var(--color-accent-line);background:var(--color-accent-tint);color:var(--color-ink)}.qa-note--warn{border-color:var(--color-warn-line);background:var(--color-warn-tint);color:var(--color-ink)}.qa-form{gap:13px;display:grid}.qa-field{gap:6px;display:grid}.qa-field>label{color:var(--color-ink-2);font-size:11.5px;font-weight:500;line-height:1.3}.qa-field input:not(:placeholder-shown):invalid{border-color:var(--color-bad-line)}.qa-field input.q-num{text-align:center;letter-spacing:.34em;text-indent:.34em;font-size:15px}.qa-control{display:grid;position:relative}.qa-control--trailing .q-field{padding-right:42px}.qa-reveal{border-radius:var(--radius-pill);width:30px;height:30px;color:var(--color-ink-2);cursor:pointer;transition:color var(--fast) linear, background var(--fast) linear;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:5px;translate:0 -50%}.qa-reveal:hover{color:var(--color-ink);background:var(--color-raise)}.qa-hint{color:var(--color-ink-2);font-size:11px;font-style:normal;line-height:1.45}.qa-form .qa-submit{width:100%;height:42px;margin-top:4px;font-size:13.5px}.qa-check{grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:10px;display:grid}.qa-check input{width:18px;height:18px;accent-color:var(--color-accent);cursor:pointer;margin:0}.qa-check input:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:2px}.qa-check label{min-height:44px;color:var(--color-ink-2);cursor:pointer;align-items:center;padding-block:6px;font-size:12.5px;line-height:1.4;display:flex}.qa-check .qa-hint{grid-column:2;margin-top:-4px}.qa-alt{justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;display:flex}.qa-link{color:var(--color-ink-2);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:color var(--fast) linear;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none}.qa-link:hover{color:var(--color-accent-text)}.qa-link:focus-visible{outline:2px solid var(--color-blue-soft);outline-offset:3px;border-radius:var(--radius-chip)}.qa-alt .qa-link+.qa-link{text-align:right}.qa-foot{color:var(--color-ink-2);text-align:center;margin:16px 0 0;font-size:11px;line-height:1.5}.qa-foot .qa-link{font-size:inherit;color:var(--color-accent-text)}.qa-foot .qa-link:hover{color:var(--color-blue-pale)}.qa-legal{flex-wrap:wrap;justify-content:center;gap:6px 18px;margin-top:14px;font-size:.8125rem;display:flex}.qa-legal a{color:var(--color-ink-2);text-decoration:none}.qa-legal a:hover{color:var(--color-ink);text-decoration:underline}