/* financebro.fr — shared styles (same palette as « Pilote ton budget ») */
:root{
  --navy:#0E1E38; --navy-2:#16294A; --navy-3:#1E355E;
  --or:#C9A227; --or-clair:#E4C76B;
  --blanc:#F7F5F0; --gris:#9AA6BC; --gris-2:#6B7894;
  --vert:#3FB27F; --rouge:#E06A5B;
  --r:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  background:var(--navy); color:var(--blanc);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px; line-height:1.55; -webkit-font-smoothing:antialiased;
}
a{color:var(--or-clair)}
.wrap{max-width:560px;margin:0 auto;padding:0 16px}
header{padding:32px 0 18px;text-align:center}
.logo{
  width:56px;height:56px;border-radius:50%;margin:0 auto 12px;
  border:2px solid var(--or);display:flex;align-items:center;justify-content:center;
  font-weight:800;color:var(--or);letter-spacing:.5px;font-size:16px;text-decoration:none;
}
h1{font-size:27px;line-height:1.2;margin:0 0 8px;font-weight:800}
h1 span{color:var(--or)}
h2{font-size:18px;margin:26px 0 10px;font-weight:800}
.sub{color:var(--gris);font-size:15px;margin:0 auto;max-width:420px}
.card{
  background:var(--navy-2);border:1px solid rgba(255,255,255,.07);
  border-radius:var(--r);padding:18px 16px;margin:14px 0;
}
.btn{
  display:block;width:100%;text-align:center;text-decoration:none;cursor:pointer;
  border-radius:12px;padding:15px 16px;font-size:16px;font-weight:800;font-family:inherit;
  border:1px solid rgba(255,255,255,.12);background:var(--navy-2);color:var(--blanc);margin:10px 0;
}
.btn small{display:block;font-weight:500;font-size:13px;color:var(--gris);margin-top:2px}
.btn.gold{background:var(--or);color:var(--navy);border-color:var(--or)}
.btn.gold small{color:var(--navy-3)}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.6;cursor:wait}
ul.feat{list-style:none;padding:0;margin:0}
ul.feat li{padding:9px 0 9px 30px;position:relative;border-bottom:1px solid rgba(255,255,255,.06);font-size:15px}
ul.feat li:last-child{border-bottom:none}
ul.feat li::before{content:"✓";position:absolute;left:4px;top:9px;color:var(--or);font-weight:800}
ul.feat b{color:var(--or-clair)}
.note{
  font-size:13px;color:var(--gris);border:1px solid rgba(201,162,39,.28);border-radius:10px;
  padding:10px 12px;background:rgba(201,162,39,.05);margin:14px 0;
}
.note b{color:var(--or-clair)}
label.field{display:block;font-size:13.5px;color:var(--gris);margin:0 0 6px}
input[type=email]{
  background:var(--navy);border:1px solid rgba(255,255,255,.16);color:var(--blanc);
  border-radius:10px;padding:14px 12px;font-size:16px;font-family:inherit;width:100%;
}
input[type=email]:focus{outline:none;border-color:var(--or)}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--gris);margin:12px 0 4px}
.consent input{margin-top:3px;flex:0 0 auto;width:18px;height:18px;accent-color:var(--or)}
.err{color:var(--rouge);font-size:13.5px;min-height:20px;margin:6px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
footer{text-align:center;font-size:12.5px;color:var(--gris-2);padding:28px 16px 40px}
footer a{color:var(--gris);margin:0 6px}
.legal h2{font-size:16px;margin:22px 0 6px;color:var(--or-clair)}
.legal p,.legal li{font-size:14.5px;color:#D9DCE4}
.todo{background:#5A1F1A;color:#FFD7D0;padding:1px 6px;border-radius:5px;font-weight:700}