*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:"Segoe UI",Arial,sans-serif;
}


body{
    background:#eef5fb;
    color:#334155;
}


/* KHUNG TRANG */

.container{

    width:1200px;

    max-width:95%;

    margin:0 auto;

    padding:25px 0;

}





/* HEADER */

.header{

    width:100%;

    height:110px;

    background:linear-gradient(135deg,#075985,#0284c7);

    border-radius:18px;

    padding:25px 35px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:white;

}



.header h1{

    font-size:28px;

    font-weight:800;

}



.header p{

    margin-top:8px;

    font-size:14px;

}



.back{

    background:white;

    color:#075985;

    padding:10px 25px;

    border-radius:10px;

    text-decoration:none;

    font-weight:bold;

}





/* NỘI DUNG */

.content{

    width:100%;

    margin-top:20px;

    background:white;

    border-radius:18px;

    padding:25px 30px;

}



.content h2{

    color:#075985;

    font-size:22px;

    padding-bottom:12px;

    border-bottom:1px solid #dbeafe;

    margin-bottom:5px;

}





.row{

    display:grid;

    grid-template-columns:230px 1fr;

    min-height:60px;

    align-items:center;

    border-bottom:1px solid #e2e8f0;

}



.row:last-child{

    border-bottom:none;

}



.label{

    color:#075985;

    font-weight:700;

}



.value{

    line-height:1.5;

    padding:10px 0;

}





/* FOOTER */

footer{

    width:100%;

    height:55px;

    margin-top:20px;

    background:#075985;

    color:white;

    border-radius:12px;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:14px;

}





@media(max-width:900px){

    .container{

        max-width:95%;

    }


    .header{

        height:auto;

        flex-direction:column;

        gap:15px;

        text-align:center;

    }


    .row{

        grid-template-columns:1fr;

        padding:10px 0;

    }

}