/* OurLoveMuseum — pages secondaires V9 (conditions, confidentialité, mentions légales, merci, renouvellement).
   Même palette que la page d'accueil : prune, bordeaux, or, ivoire. */
:root{
  --night:#1f1218;--plum:#2a1820;--wine:#6b2a3b;--wine-2:#8a3a4c;
  --gold:#c9a061;--gold-2:#e3c48c;--gold-3:#f3dfb4;
  --ivory:#fbf6ee;--paper:#f4eadc;--sand:#e6d6bf;
  --ink:#2f1d25;--muted:#6f5d63;--soft:#9a8790;
  --serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased}
body{margin:0;font-family:var(--font);color:var(--ink);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--wine-2)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.utility-body{min-height:100vh;display:grid;place-items:center;padding:40px 20px;background:radial-gradient(ellipse at 50% 0,#4a2433 0,transparent 60%),linear-gradient(160deg,var(--plum),var(--night))}
.utility-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:560px;background:var(--ivory);border-radius:16px;padding:44px 46px 40px;box-shadow:0 30px 80px rgba(0,0,0,.4);border-top:4px solid var(--gold)}
.utility-card .brand{margin-bottom:36px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.utility-card h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,5vw,52px);line-height:1.05;letter-spacing:-.01em;margin:0 0 18px;color:var(--ink)}
.utility-card h2{font-family:var(--serif);font-weight:600;font-size:26px;line-height:1.2;margin:34px 0 8px;color:var(--wine)}
.utility-card p,.utility-card li{font-size:15px;color:var(--muted);margin:0 0 14px}
.utility-card strong,.utility-card b{color:var(--ink)}
.utility-card>strong{display:block;margin-bottom:14px;font-size:15px}
.utility-card ul,.utility-card ol{padding-left:20px;margin:0 0 14px}
.utility-card li{margin:8px 0;line-height:1.6}

.legal-card{max-width:820px;align-items:stretch}
.legal-card a:not(.btn):not(.brand){text-decoration:underline;text-decoration-color:var(--gold)}
.legal-card .btn{align-self:flex-start}
.legal-card .brand{align-self:flex-start}
.legal-card>p:last-child{margin-top:20px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:40px;padding:15px 26px;font:700 14px var(--font);text-decoration:none;cursor:pointer;transition:transform .2s,filter .2s;margin-top:12px}
.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}
.btn-primary{background:linear-gradient(135deg,var(--gold-3),var(--gold));color:var(--plum);box-shadow:0 10px 26px rgba(201,160,97,.3)}
.btn-full{width:100%}

.renew-pill{width:100%;background:var(--paper);border:1px solid var(--sand);border-radius:12px;padding:16px 18px;margin:22px 0;font-size:14px;color:var(--ink)}
.form-alert{width:100%;padding:13px 15px;border-radius:10px;margin:14px 0;font-size:14px;line-height:1.6}
.form-alert.error{background:#fbeaea;color:#9a3540}
.form-alert.good{background:#eef6ee;color:#356c49}
.footnote{font-size:12px!important;color:var(--soft)!important;margin-top:22px!important}
form{width:100%}

@media (max-width:560px){
  .utility-body{padding:18px 12px;place-items:start center}
  .utility-card{padding:30px 22px 28px}
  .utility-card .brand{margin-bottom:26px}
}