body { font-family: Arial, sans-serif; background: #f5f5f5; color: #333; text-align: center; padding: 50px 20px; }
 .okx-page{max-width: 1000px;margin: 0 auto;}

        h1 { color: #020202; margin-bottom: 20px; display:flex
;
    justify-content: center;
    align-items: center;}
        h1 img{max-width: 45px;margin-right: 10px;border-radius:.5rem; }
        h2 { color: #020202; margin-top: 20px; margin-bottom: 20px; }
        p { font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
        img{max-width: 100%;border-radius: 1rem;vertical-align: middle;height: auto;}
        .btn { display: inline-block; margin: 10px; padding: 15px 30px; font-size: 18px; color: #fff; background: #020202; text-decoration: none; border-radius: 8px; transition: background 0.3s; }
        .btn:hover { background: #085cb4; }
        .top{background: #fff;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;}
        .cen{background: #fff;
    border-radius: 1rem;
    padding: 2rem;}
        .faq { text-align: left; max-width: 800px; margin: 0 auto; }
        .faq-item { margin-bottom: 20px; }
        .faq-item h3 { font-size: 18px; color: #333; margin-bottom: 5px; }
        footer { margin-top: 50px; font-size: 14px; color: #999; font-size: 13px;}

/*media*/
@media screen and (max-width: 1900px) {
}

@media screen and (max-width:991px) {

}

@media  screen and (min-width:768px) and (max-width:991px) {

}

@media screen and (max-width:767px) {
  .btn{display: block;}
}
@media screen and (max-width:600px) {

}