/* Pages du compte gratuit « Outils » (inscription, confirmation, profil, contact, mention RGPD). Thème sombre de l'accueil ; base pour téléphone (une colonne, zones tactiles de 44 px).
   Préfixe --dt- : brand.js réécrit --text/--amber sur :root. */
:root{ --bg:#1e1e1e; --panel:#2d2d2d; --panel-border:#3e3e3e; --champ:#242424; --dt-text:#e0e0e0; --text-dim:#ccc; --dt-amber:#d4a843; --avert-fond:#3a2f12; --avert-texte:#f0d78c; --ok-texte:#8fdca8; --err-texte:#ff9c8f; }
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',system-ui,sans-serif;color:var(--dt-text);background:var(--bg);font-size:14px;line-height:1.45;min-height:100vh;}
.topbar{display:flex;align-items:center;gap:14px;padding:12px 16px;background:var(--panel);border-bottom:1px solid var(--panel-border);flex-wrap:wrap;}
.topbar .brand{font-size:18px;letter-spacing:3px;color:var(--dt-amber);text-decoration:none;font-weight:600;}
.topbar .who{margin-left:auto;font-size:13px;color:var(--text-dim);}
.topbar button{background:none;border:0;color:var(--text-dim);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer;min-height:44px;padding:0 6px;}
.wrap{max-width:560px;margin:0 auto;padding:16px 16px 60px;}
.retour{display:inline-flex;align-items:center;min-height:44px;color:var(--text-dim);text-decoration:none;font-size:13px;}
.retour:hover{color:var(--dt-amber);}
h1{font-size:22px;margin:2px 0 6px;}
h2{font-size:16px;margin:0 0 4px;}
.lead{color:var(--text-dim);font-size:13px;margin-bottom:18px;}
.carte{background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:14px;margin-bottom:16px;}
.champ{display:flex;flex-direction:column;gap:5px;min-width:0;}
label,.lbl{font-size:13px;font-weight:600;}
.aide{font-size:12px;color:var(--text-dim);}
input[type=text],input[type=email],input[type=password],select,textarea{font:inherit;font-size:16px;color:var(--dt-text);background:var(--champ);border:1px solid var(--panel-border);border-radius:8px;padding:10px 12px;min-height:44px;width:100%;}
textarea{min-height:120px;resize:vertical;}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--dt-amber);outline-offset:2px;}
.btn{font:inherit;font-weight:600;font-size:15px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--panel-border);background:var(--champ);color:var(--dt-text);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;}
.btn:hover{border-color:var(--dt-amber);}
.btn.principal{background:var(--dt-amber);border-color:var(--dt-amber);color:#1a1a1a;}
.btn.danger{border-color:#a8473b;color:var(--err-texte);}
.btn[disabled]{opacity:.55;cursor:default;}
.coche{display:flex;gap:12px;align-items:flex-start;font-weight:400;font-size:14px;min-height:44px;}
.coche input{width:24px;height:24px;margin-top:1px;flex:none;}
/* Indicateur de solidité du mot de passe : informe, ne bloque jamais. Texte + barre (l'état ne tient pas à la couleur seule). */
.force{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);}
.force .barre{display:flex;gap:4px;flex:none;}
.force .barre i{display:block;width:28px;height:6px;border-radius:3px;background:var(--panel-border);}
.force[data-niveau="1"] .barre i:nth-child(-n+1){background:var(--err-texte);}
.force[data-niveau="2"] .barre i:nth-child(-n+2){background:var(--avert-texte);}
.force[data-niveau="3"] .barre i{background:var(--ok-texte);}
.msg{font-size:13px;border-radius:8px;padding:10px 12px;}
.msg.err{background:#3a1f1b;color:var(--err-texte);}
.msg.ok{background:#1b3a2a;color:var(--ok-texte);}
.msg.avert{background:var(--avert-fond);color:var(--avert-texte);}
a.lien{color:var(--dt-amber);}
.rgpd h2{margin-top:6px;}
.rgpd p{color:var(--text-dim);margin-bottom:12px;}
[hidden]{display:none!important;}
@media (prefers-reduced-motion: reduce){*{transition:none!important;}}