.page {
    width: min(100%, 480px);
    margin: 0 auto;
    min-height: 100vh;
    padding: 18px;
}
.carte {
    background: var(--fond-carte);
    border-radius: 24px;
    padding: 18px;
    margin-bottom: 16px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.centre { text-align: center; }
.hero {
    background: linear-gradient(135deg, var(--couleur-principale), var(--couleur-secondaire));
    color: white;
    border-radius: 28px;
    padding: 20px;
    margin-bottom: 16px;
}
.stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}
.stats div {
    background: rgba(255,255,255,.18);
    border-radius: 18px;
    padding: 12px;
    text-align: center;
}
.stats strong { display: block; font-size: 22px; }
.stats span { font-size: 12px; }
.lien-secondaire, .btn-lien {
    display: block;
    text-align: center;
    margin-top: 12px;
}
.btn-dore {
    background: var(--couleur-doree);
    color: var(--texte-principal);
    width: 100%;
    margin-top: 14px;
}