/* Sorti de reinitialiser.html : script-src et style-src valent 'self'. */

  :root{
    --bg:#0D1117; --panel:#161B22; --text:#E6EDF3; --muted:#8B949E;
    --green:#2EA043; --red:#F85149; --border:#30363D;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  body{
    background:var(--bg);color:var(--text);
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;
  }
  .carte{background:var(--panel);border:1px solid var(--border);border-radius:16px;
         padding:28px 24px;max-width:420px;width:100%}
  .marque{display:flex;align-items:center;gap:10px;margin-bottom:18px}
  .marque svg{width:30px;height:30px;flex:none}
  .marque span{font-size:1.2rem;font-weight:800;letter-spacing:-0.02em}
  h1{font-size:1.25rem;font-weight:700;margin-bottom:8px}
  p.intro{color:var(--muted);font-size:.95rem;line-height:1.5;margin-bottom:6px}
  input{width:100%;padding:14px;margin-top:14px;border-radius:10px;
        border:1px solid var(--border);background:#0D1117;color:var(--text);font-size:16px}
  input:focus{outline:none;border-color:var(--green)}
  button{width:100%;padding:14px;margin-top:18px;border-radius:10px;border:none;
         background:var(--green);color:#fff;font-size:16px;font-weight:700;cursor:pointer}
  button:disabled{opacity:.5;cursor:default}
  .message{margin-top:16px;font-size:.95rem;line-height:1.5}
  .erreur{color:var(--red)}
  .succes{color:var(--green)}

  /* display:flex sur body ne s'applique pas ici, mais [hidden] doit
     l'emporter quoi qu'il arrive : un etat visible en trop montrerait
     deux formulaires a la fois. */
  [hidden]{display:none !important}