.ecran{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:100vh;min-height:100svh}.panneau{position:relative;overflow:hidden;background:var(--blue);color:#fff;padding:32px 48px;display:flex;flex-direction:column}.panneau .logo{position:relative;color:#fff}.h-1{width:520px;height:520px;background:#6a95ff;opacity:.55;left:-160px;top:-200px}.h-2{width:440px;height:440px;background:#1f37b8;opacity:.6;right:-140px;bottom:-120px;animation-duration:23s;animation-delay:-7s}.panneau-contenu{position:relative;margin:auto 0;max-width:460px;padding:40px 0}.bloxi{width:200px;margin-bottom:22px}.panneau h1{font-size:clamp(34px,3.6vw,50px)}.atouts{list-style:none;display:grid;gap:12px;margin-top:26px}.atouts li{display:flex;align-items:flex-start;gap:12px;font-size:16.5px;line-height:1.45;color:#ffffffeb}.atouts span{flex:none;width:24px;height:24px;border-radius:50%;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:13px;font-weight:800;margin-top:-1px}.cote{display:grid;place-items:center;padding:32px 24px}.carte{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px 32px 28px;box-shadow:0 6px #151b2e0f}.etat[hidden],.fournisseurs[hidden],.separateur[hidden],.fournisseurs [hidden]{display:none}.carte h2{font-size:30px;margin-bottom:8px}.intro{color:var(--muted);font-size:15.5px;line-height:1.55}.intro b{color:var(--ink)}.fournisseurs{display:grid;gap:10px;margin-top:24px}.fournisseurs .btn{width:100%;padding:14px 18px}.btn-discord{background:#5865f2;color:#fff;box-shadow:0 4px #4049b8}.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.duo .btn{font-size:15px}.btn[aria-disabled=true]{opacity:.6;pointer-events:none}.separateur{display:flex;align-items:center;gap:12px;margin:24px 0 18px;font-size:13px;font-weight:600;color:var(--soft)}.separateur:before,.separateur:after{content:"";flex:1;height:1px;background:var(--line)}.formulaire{display:grid;gap:10px}.champ{display:flex;align-items:center;gap:10px;border:1.5px solid var(--line);border-radius:14px;padding:0 14px;height:50px;color:var(--soft);transition:border-color .15s,box-shadow .15s}.champ:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint);color:var(--blue)}.champ input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:16px;color:var(--ink)}.champ:has(input[aria-invalid=true]){border-color:#e5484d}.erreur-champ{font-size:13.5px;color:#c9302c;font-weight:500}.formulaire .btn{width:100%}.formulaire .btn:disabled{opacity:.6;cursor:wait;transform:none}.message{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fff4e5;color:#7a4b00;font-size:14.5px;line-height:1.5}.message.ok{background:var(--green-tint);color:var(--green-deep)}.bascule{margin-top:20px;text-align:center;font-size:14.5px;color:var(--muted)}.bascule a{color:var(--blue);font-weight:600}.legal{margin-top:14px;text-align:center;font-size:12.5px;line-height:1.5;color:var(--soft)}#etat-envoye,#etat-retour{text-align:center}.etat-img{width:120px;margin:0 auto 14px}.astuce{margin:14px 0 20px;font-size:13.5px;color:var(--soft)}#etat-envoye .btn{width:100%}.lien{display:block;margin:14px auto 0;border:0;background:none;color:var(--blue);font-weight:600;font-size:14.5px;cursor:pointer}.roue{display:block;width:30px;height:30px;margin:18px auto 0;border-radius:50%;border:4px solid var(--blue-tint);border-top-color:var(--blue);animation:tourne .8s linear infinite}@keyframes tourne{to{transform:rotate(360deg)}}@media(max-width:900px){.ecran{grid-template-columns:minmax(0,1fr)}.panneau{padding:22px 22px 26px}.panneau-contenu{margin:18px 0 0;padding:0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px;align-items:center}.bloxi{width:84px;margin:0;grid-row:span 1}.panneau h1{font-size:26px}.atouts{display:none}.cote{padding:22px 16px 40px;align-items:start}.cote,.carte{min-width:0}.carte .btn{white-space:normal}.carte .btn svg{flex:none}.champ input{height:44px}.bascule a{display:inline-flex;align-items:center;min-height:44px}.lien{min-height:44px}}@media(max-width:420px){.carte{padding:26px 20px 22px}.duo{grid-template-columns:1fr}}.separateur[hidden]+.formulaire{margin-top:22px}.legal a{color:inherit;text-decoration:underline;text-underline-offset:2px}.formulaire-code{margin:18px 0 4px}.code-saisie{width:100%;height:58px;border:1.5px solid var(--line);border-radius:14px;text-align:center;font:700 26px/1 var(--font,inherit);letter-spacing:.32em;color:var(--ink);background:#fff;outline:0;transition:border-color .15s,box-shadow .15s}.code-saisie::placeholder{font-size:17px;letter-spacing:0;font-weight:500;color:var(--soft)}.code-saisie:focus{border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-tint)}.code-saisie[aria-invalid=true]{border-color:#e5484d}