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


html,body{

    width:100%;

    min-height:100%;

}



body{

    background:#eef5fb;

    display:flex;

    flex-direction:column;

}



/* KHUNG TOÀN TRANG */

.page{

    min-height:100vh;

    width:100%;

    padding:25px;

    display:flex;

    flex-direction:column;

}



/* HEADER */

.header{

    width:100%;

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

    border-radius:18px;

    padding:25px 40px;

    min-height:120px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:white;

}



.header h1{

    font-size:32px;

    font-weight:800;

}



.header p{

    margin-top:10px;

}



.header a{

    background:white;

    color:#075985;

    padding:12px 30px;

    border-radius:10px;

    text-decoration:none;

    font-weight:bold;

}





/* NỘI DUNG */

.box{

    width:100%;

    background:white;

    border-radius:18px;

    margin-top:25px;

    padding:30px;

}



.box h2{

    color:#075985;

    padding-bottom:15px;

    border-bottom:1px solid #dbeafe;

}





.item{

    display:grid;

    grid-template-columns:250px 1fr;

    min-height:65px;

    border-bottom:1px solid #e2e8f0;

    align-items:center;

}



.title{

    color:#075985;

    font-weight:700;

}



.text{

    padding:15px 0;

}





/* ĐẨY FOOTER XUỐNG CUỐI */

.footer{

    margin-top:auto;

    height:55px;

    background:#075985;

    color:white;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

}




@media(max-width:900px){

    .header{

        flex-direction:column;

        gap:20px;

    }


    .item{

        grid-template-columns:1fr;

    }

}