.guide-section{

    padding:35px;

    margin:30px 0;

    background:linear-gradient(135deg,#fffafa,#fff4f4);

    border:1px solid #ffd0d0;

    border-radius:22px;

}



.guide-section .section-title{

    text-align:center;

    font-size:28px;

    font-weight:800;

    color:#d90000;

    margin-bottom:30px;

}



.guide-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}



.guide-card{

    position:relative;

    padding:28px 24px 24px;

    background:#ffffff;

    border:1px solid #ffd0d0;

    border-left:6px solid #0066ff;

    border-radius:18px;

    box-shadow:0 10px 30px rgba(255,0,0,.08);

    transition:.3s ease;

}



.guide-card:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(255,0,0,.15);

}



.guide-number{

    position:absolute;

    top:18px;

    right:20px;

    font-size:34px;

    font-weight:900;

    color:rgba(255,0,0,.10);

}



.guide-card h3{

    margin:0 0 15px;

    color:#d90000;

    font-size:20px;

    font-weight:800;

}



.guide-card p{

    margin:0;

    font-size:15px;

    line-height:1.7;

    color:#555;

}



@media(max-width:900px){

    .guide-grid{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:600px){

    .guide-section{

        padding:22px 15px;

    }



    .guide-grid{

        grid-template-columns:1fr;

    }



    .guide-section .section-title{

        font-size:22px;

    }

}