body{
    font-family:'Poppins',sans-serif;
    background:#f5f7fb;
    margin:0;
}

.page-container{
    width:95%;
    max-width:100%;
    margin:10px auto;
    background:#fff;
    padding:20px;
    border-radius:20px;
    box-shadow:0 10px 40px rgba(0,0,0,0.08);
}

.page-title{
    text-align:center;
    font-size:28px;
    font-weight:700;
    color:#ff8400;
    margin-bottom:25px;
}

.page-item{
    margin-bottom:18px;
    padding:18px;
    border-radius:12px;
    transition:0.3s;
    border:1px solid #eee;
}

.page-item:hover{
    background:#fafafa;
    transform:translateY(-2px);
}

.page-item h5,
.page-item strong{
    margin:0 0 8px;
    font-size:16px;
    font-weight:600;
    color:#222;
}

.page-item h5::before,
.page-item strong::before{
    content:"🔒";
    margin-right:8px;
}

.page-item p{
    margin:0;
    font-size:14px;
    color:#555;
    line-height:1.6;
}

@media(max-width:768px){
    .page-container{
        width:100%;
        margin:10px 5px;
        padding:15px;
    }

    .page-title{
        font-size:22px;
    }
}