:root{--vert:#16a34a;--vert-clair:#dcfce7;--texte:#111827;--gris:#4b5563;--fond:#fff;--carte:#f3f4f6}@media (prefers-color-scheme:dark){:root{--vert-clair:#14532d;--texte:#f9fafb;--gris:#d1d5db;--fond:#0b0f0d;--carte:#1f2937}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--fond);color:var(--texte);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:640px;margin:0 auto;padding:16px 20px 32px}.entete{align-items:center;gap:10px;display:flex}.entete img{border-radius:8px}.marque{font-size:1.25rem;font-weight:700}section{margin-top:40px}.hero{margin-top:32px}.badge{background:var(--vert-clair);color:var(--texte);border-radius:999px;padding:4px 12px;font-size:.875rem;font-weight:600;display:inline-block}h1{margin:16px 0;font-size:2.25rem;line-height:1.15}h2{margin-bottom:16px;font-size:1.5rem}h3{font-size:1.05rem}.intro,li p,.installer p{color:var(--gris)}.bouton{text-align:center;color:#fff;background:var(--vert);opacity:.7;border-radius:12px;margin-top:24px;padding:14px;font-weight:600;display:block}ol,ul{list-style:none}.etapes li{gap:14px;margin-bottom:16px;display:flex}.numero{background:var(--vert);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.cartes{gap:12px;display:grid}.cartes li{background:var(--carte);border-radius:12px;padding:16px}footer{text-align:center;color:var(--gris);margin-top:48px;font-size:.875rem}@media (min-width:640px){h1{font-size:3rem}.bouton{padding:14px 32px;display:inline-block}}.entete-lien{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.lien-compte{color:var(--vert);margin-left:auto;font-weight:600;text-decoration:none}.formulaire{gap:8px;margin-top:24px;display:grid}.formulaire label{font-weight:600}.formulaire input{font:inherit;border:1px solid var(--gris);background:var(--fond);color:var(--texte);border-radius:12px;padding:12px 14px}button.bouton{width:100%;font:inherit;cursor:pointer;border:none;font-weight:600}.bouton-actif{opacity:1}.bouton-secondaire{opacity:1;background:var(--carte);color:var(--texte)}.message{border-radius:12px;margin-top:16px;padding:12px 14px}.succes{background:var(--vert-clair)}.erreur{color:#7f1d1d;background:#fee2e2}