:root{--couleur-principale:#1f2937;--couleur-accent:#4b5563;--couleur-fond:#f3f4f6;color:#111827;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{background:var(--couleur-fond);margin:0}.entete{border-bottom:3px solid var(--couleur-accent);background:#fff;padding:12px 24px}.entete img{width:auto;max-width:100%;height:48px;display:block}.contenu{background:#fff;border-radius:12px;max-width:720px;margin:48px auto;padding:32px}h1{color:var(--couleur-principale);margin-top:0}.centre{text-align:center;place-content:center;min-height:60vh;padding:24px;display:grid}button{background:var(--couleur-principale);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:10px 20px}label{margin:24px 0 8px;font-weight:600;display:block}input{box-sizing:border-box;width:100%;max-width:420px;font:inherit;border:1px solid #d1d5db;border-radius:8px;padding:10px 12px}input:focus-visible{outline:2px solid var(--couleur-accent);outline-offset:1px}input.code{letter-spacing:8px;font-variant-numeric:tabular-nums;max-width:220px;font-size:28px}.actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:24px;display:flex}button:disabled{opacity:.5;cursor:default}button.secondaire{color:var(--couleur-principale);border:1px solid var(--couleur-principale);background:0 0}button.lien{color:var(--couleur-principale);background:0 0;padding:0;text-decoration:underline}.erreur{color:#b91c1c;background:#fef2f2;border-radius:8px;margin:16px 0 0;padding:10px 12px}@media (width<=600px){.contenu{margin:16px;padding:20px}}