/* Pages « un texte au milieu » (confirmation, lien invalide, page introuvable, service indisponible) : une carte centrée avec son icône. */
.msg{min-height:60vh;display:grid;place-items:center;padding:28px 16px}
.msg__carte{position:relative;width:min(440px,100%);box-sizing:border-box;display:grid;gap:14px;justify-items:center;text-align:center;padding:30px 26px 32px;background:var(--surface);border:2px solid var(--marque);border-radius:18px;box-shadow:var(--ombre-repos)}
.msg__carte::before{content:"";position:absolute;left:50%;top:-2px;width:64px;height:4px;margin-left:-32px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--orange) 0 33%,var(--violet) 33% 66%,var(--r2) 66%)}
.msg__marque{font-size:18px}
.msg__icone{display:block;margin:6px 0 4px;transform:rotate(-4deg);filter:drop-shadow(0 8px 10px rgba(0,45,98,.22))}
.msg h1{margin:0;font:700 clamp(24px,6vw,30px)/1.2 var(--titre);color:var(--marque)}
.msg p{margin:0 0 6px;max-width:32ch;font:400 17px/1.5 var(--texte);color:var(--doux)}
.msg .btn{margin-top:4px}
.msg .btn{justify-self:center}