/* Terratitia — aux couleurs de son cadeau (giri-app.com/cadeau/terratitia) :
   le ciel lumineux, l'encre bleu nuit, l'or ocre, les cartes de verre dépoli, Cinzel · Cormorant · Outfit. */
:root{--encre:#1b2647;--encre2:rgba(27,38,71,.8);--encre3:rgba(27,38,71,.6);--ocre:#c99a3c;--ocre2:#9c6f22;--ocre3:#a5781f;--creme:#f6f2ea;--nacre:rgba(255,253,248,.86);
  --filet:rgba(27,38,71,.12);--filet-or:rgba(201,154,60,.4);--ombre:0 30px 70px -30px rgba(27,38,71,.35);
  --serif:'Cormorant Garamond',Georgia,serif;--sans:'Outfit',system-ui,-apple-system,sans-serif;--titre:'Cinzel',Georgia,serif}
*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;color:var(--encre);font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.6;background:var(--creme)}
/* le ciel de son cadeau, voilé de crème pour que tout se lise */
body::before{content:'';position:fixed;inset:0;z-index:-2;background:url('/api/v1/leads/img/terratitia-ciel-1440.webp') center 30%/cover no-repeat}
body::after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(246,242,234,.35) 0%,rgba(246,242,234,.72) 45%,rgba(246,242,234,.9) 100%)}
a{color:inherit}
b,strong{font-weight:500}
/* l'en-tête de la maison Terratitia : le logo rond et le nom */
.marque{display:flex;align-items:center;gap:14px;padding:26px 28px;text-decoration:none;color:var(--encre)}
.marque img{width:52px;height:52px;border-radius:50%;box-shadow:0 8px 20px -6px rgba(140,70,20,.45)}
.marque b{display:block;font-family:var(--titre);font-weight:500;font-size:19px;letter-spacing:.14em}
.marque small{display:block;font-family:var(--titre);font-size:10.5px;letter-spacing:.32em;color:var(--ocre2);text-transform:uppercase;margin-top:2px}
.puce{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border-radius:999px;border:1px solid var(--filet-or);background:rgba(255,253,248,.75);
  font-family:var(--titre);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--ocre2)}
.puce::before{content:'✦';font-size:10px;color:var(--ocre)}
.serif{font-family:var(--serif)}
.or{font-style:italic;background:linear-gradient(100deg,#9c6f22,#c99a3c 50%,#a5781f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
/* le bouton doré de son cadeau */
.lingot{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 30px;border-radius:15px;border:0;
  background:linear-gradient(135deg,#fffcf2 0%,#f8e7b8 26%,#e6c268 60%,#c09034 100%);color:#2a1c04;font:600 16px/1 var(--sans);letter-spacing:.01em;
  text-decoration:none;cursor:pointer;box-shadow:0 12px 26px -12px rgba(140,98,25,.75),inset 0 1px 0 rgba(255,255,255,.8);transition:transform .2s,filter .2s}
.lingot:hover{transform:translateY(-1px);filter:brightness(1.03)}
.lingot[disabled]{filter:saturate(.35) brightness(1.06);cursor:not-allowed;transform:none;box-shadow:none}
.creux{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;border:1px solid var(--filet);background:rgba(255,253,248,.8);
  color:var(--encre);font:500 15px/1 var(--sans);cursor:pointer;text-decoration:none}
.creux:hover{border-color:var(--ocre)}
.pied{text-align:center;padding:40px 16px 34px;font-size:13px;color:var(--encre3)}
.pied a{text-decoration:none;margin:4px 11px;display:inline-block}
.pied a:hover{color:var(--ocre2)}
/* la carte de verre dépoli */
.carte{background:var(--nacre);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:22px;
  box-shadow:var(--ombre),inset 0 1px 0 rgba(255,255,255,.9)}
input[type=text],input[type=email],input[type=tel],select{width:100%;min-height:52px;padding:0 16px;border-radius:13px;border:1px solid var(--filet);background:rgba(255,255,255,.92);
  font:400 16px var(--sans);color:var(--encre);outline:none}
input:focus,select:focus{border-color:var(--ocre);box-shadow:0 0 0 4px rgba(201,154,60,.15)}
input::placeholder{color:var(--encre3)}
label.champ{display:block;font-size:13px;font-weight:500;letter-spacing:.02em;color:var(--encre2);margin:16px 0 7px}
.case{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--encre2);margin-top:14px;cursor:pointer}
.case input{width:20px;height:20px;margin:2px 0 0;accent-color:#c99a3c;flex:0 0 auto}
.erreur{color:#9a2b1f;font-size:14px;margin-top:12px;min-height:1em}
[hidden]{display:none!important}
