body { display: grid; place-items: center; min-height: 100vh; padding: 16px; background: var(--canvas); }
.carte-co { background: var(--carte); border: 1px solid var(--bord); border-radius: 16px; padding: 36px 32px; width: min(420px, 100%); text-align: center; box-shadow: 0 10px 30px rgba(18, 42, 84, .08); }
.carte-co img { width: 60px; height: 60px; margin: 0 auto 14px; display: block; }
.carte-co .mot { font-weight: 800; font-size: 26px; letter-spacing: -0.02em; margin: 0 0 4px; color: var(--primaire); }
.carte-co .mot span { color: var(--menthe); }
.carte-co p { color: var(--gris); margin: 0 0 24px; font-weight: 500; }
.carte-co a.btn { display: flex; justify-content: center; padding: 11px; font-size: 15px; text-decoration: none; width: 100%; }
.carte-co .alerte { background: var(--cmd-fond); color: var(--cmd-texte); border-radius: 10px; padding: 9px 12px; margin-bottom: 16px; font-size: 14px; text-align: left; }
.carte-co small { display: block; color: var(--gris); margin-top: 16px; font-size: 12px; font-weight: 500; }
.carte-co .pied { margin-top: 20px; padding-top: 14px; border-top: 1px solid var(--bord); font-size: 11.5px; color: var(--gris); }