:root{--fond: #f3f4f7;--surface: #ffffff;--encre: #172033;--discret: #556079;--ligne: #dde1ea;--accent: #2f3e9e;--ok: #1f8a4c;--ko: #a3272f;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--encre);background:var(--fond)}*{box-sizing:border-box}body{margin:0;background:var(--fond)}h1{font-size:1.6rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:0 0 .75rem}code{background:#eef0f4;padding:0 4px;border-radius:4px}.page{min-height:100vh}.centre{display:flex;align-items:center;justify-content:center;padding:24px 16px}.carte{background:var(--surface);border:1px solid var(--ligne);border-radius:14px;padding:28px 24px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.carte.large{max-width:640px}.logo{width:48px;height:48px;border-radius:12px;background:var(--encre);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:24px}.logo.petit{width:32px;height:32px;font-size:16px;border-radius:8px}.formulaire{display:flex;flex-direction:column;gap:10px}label{font-weight:700;font-size:.95rem}input{min-height:46px;padding:0 12px;font:inherit;border:1px solid #c9ceda;border-radius:10px;background:#fff;color:var(--encre)}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bouton{min-height:46px;padding:0 18px;border:0;border-radius:10px;background:var(--encre);color:#fff;font:inherit;font-weight:700;cursor:pointer}.bouton:disabled{opacity:.6;cursor:wait}.bouton.secondaire{background:#fff;color:var(--encre);border:1px solid #c9ceda}.discret{color:var(--discret);font-size:.92rem;margin:0}.erreur{color:var(--ko);margin:0}.entete{background:var(--surface);border-bottom:1px solid var(--ligne);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}.marque{display:flex;align-items:center;gap:10px;font-weight:800}.contenu{max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:16px}.verifs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.verifs li{display:flex;gap:10px}.verifs li.ok span:first-child{color:var(--ok);font-weight:800}.verifs li.ko span:first-child{color:var(--ko);font-weight:800}