/* ================= PAGE SÉCURITÉ ================= */

.page{
    max-width:900px;
    margin:60px auto;
    padding:20px;
}

/* TITRE PRINCIPAL */
.page h1{
    font-size:36px;
    text-align:center;
    margin-bottom:10px;
}

/* INTRO TEXTE */
.page p{
    text-align:center;
    opacity:0.75;
    margin-bottom:40px;
    line-height:1.6;
}

/* ================= CARDS ================= */

.card{
    background:var(--card);
    padding:25px;
    border-radius:12px;

    margin-bottom:25px;

    border:1px solid rgba(0,0,0,0.05);

    transition:0.3s ease;
}

.card:hover{
    transform:translateY(-5px);
}

/* TITRE CARDS */
.card h2{
    margin-bottom:15px;
    font-size:20px;
}

/* LISTES */
.card ul{
    padding-left:20px;
}

.card li{
    margin-bottom:10px;
    line-height:1.5;
    opacity:0.85;
}

/* ================= STYLE SÉCURITÉ (ACCENT VISUEL) ================= */

.card:first-of-type{
    border-left:4px solid #C9A86A;
}

.card:nth-of-type(2){
    border-left:4px solid #111;
}

/* ================= RESPONSIVE ================= */

@media(max-width:768px){

    .page h1{
        font-size:28px;
    }

    .card{
        padding:20px;
    }
}