/* Pages simples (confirmation, désinscription, confidentialité), dans l'esprit de la landing.
   Pas de jaune (règle d'Audrey, 30 oct. 2026) : terracotta est le seul accent. */
:root{--majorelle:#0B369A;--blush:#F8E0D6;--terracotta:#AD5D4C;--ciel:#A9C9D8;--kasbah:#F7F1EA;--gutter:16px}
*{box-sizing:border-box}
body{margin:0;background:var(--blush);color:var(--majorelle);font-family:Newsreader,"Newsreader repli",Georgia,serif;font-size:19px;line-height:1.6;overflow-x:hidden}
a{color:var(--majorelle)}a:hover{color:var(--majorelle);text-decoration-thickness:2px}
a:focus-visible,button:focus-visible{outline:3px solid var(--terracotta);outline-offset:3px}
h1,h2{font-family:Gloock,"Gloock repli",Georgia,serif;font-weight:400;line-height:1.08;margin:0}
.top{max-width:1080px;margin:0 auto;padding:22px var(--gutter)}
.brand{font-family:Gloock,"Gloock repli",Georgia,serif;font-size:24px;text-decoration:none}
.carte{max-width:760px;margin:6vh auto 0;padding:0 var(--gutter)}
.carte .bloc{background:var(--majorelle);color:var(--blush);padding:clamp(28px,5vw,56px);position:relative}
/* Sans demi-cercles décoratifs (propriétaire, 2 nov. 2026) : un symbole du client, seul, en haut à gauche de la boîte (œil : confirmation, feuille : désinscription) ; masterclass offerte sous la confirmation */
.carte .symbole{display:inline-block;width:40px;height:40px;margin:0 6px 14px -5px;vertical-align:middle;color:var(--blush)}
.carte .symbole + .kicker{display:inline-block;vertical-align:middle}
.cadeau{margin-top:clamp(40px,6vw,64px)}
.cadeau h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:20px}
.yt{position:relative;aspect-ratio:16/9;background:var(--majorelle)}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:none;cursor:pointer}
.yt-play:focus-visible{outline:3px solid var(--terracotta);outline-offset:4px}
.yt-rond{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:84px;height:84px;border-radius:50%;background:var(--terracotta);color:#fff;display:grid;place-items:center}
.yt-rond svg{width:32px;height:32px;margin-left:5px}
.yt-play:hover .yt-rond{background:var(--ciel);color:var(--majorelle)}
.carte h1{font-size:clamp(40px,7vw,72px);color:var(--kasbah);margin-bottom:20px}
.carte p{margin:0 0 14px;font-size:clamp(19px,2vw,22px)}
.carte a{color:var(--blush)}
.btn{display:inline-flex;align-items:center;min-height:52px;padding:14px 26px;margin-top:10px;background:var(--blush);color:var(--majorelle)!important;font-family:Fraunces,"Fraunces repli",Georgia,serif;font-weight:600;font-size:18px;text-decoration:none}
.btn:hover{background:#fff}
button.btn{border:0;cursor:pointer}
.carte form{margin:0}
.kicker{font-family:Fraunces,"Fraunces repli",Georgia,serif;font-size:16px;font-weight:500;color:var(--ciel);margin:0 0 14px}
footer{max-width:1080px;margin:80px auto 0;padding:24px var(--gutter) 40px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-family:Fraunces,"Fraunces repli",Georgia,serif;font-size:15px;border-top:3px solid var(--majorelle)}
/* Confidentialité */
.legal{max-width:780px;margin:0 auto;padding:24px var(--gutter) 0}
.legal h1{font-size:clamp(40px,6vw,64px);margin:12px 0 24px}
.legal h2{font-size:clamp(26px,3vw,32px);margin:48px 0 12px;padding-top:16px;border-top:3px solid var(--majorelle)}
.legal p,.legal li{font-size:18px}
.legal .tab{overflow-x:auto}
.legal table{border-collapse:collapse;width:100%;font-size:16px;min-width:520px}
.legal th,.legal td{text-align:left;vertical-align:top;padding:10px 12px 10px 0;border-bottom:2px solid var(--majorelle)}
.legal th{font-family:Fraunces,"Fraunces repli",Georgia,serif;font-weight:600}
.av{background:var(--terracotta);color:#fff;font-family:Fraunces,"Fraunces repli",Georgia,serif;font-size:.8em;font-weight:600;padding:0 6px;white-space:nowrap}