*{box-sizing:border-box;margin:0;padding:0}
body{
font-family:'Noto Serif SC','Playfair Display',serif;
background:#f7f7f7;color:#111;min-height:100vh;
display:flex;flex-direction:column;
}
.payment-header{
height:80px;padding:0 70px;
display:flex;align-items:center;justify-content:space-between;
background:white;border-bottom:1px solid #eee;
}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;cursor:pointer}
.brand img{height:42px}
.back-home{text-decoration:none;color:#333;font-weight:600}
.payment-container{
flex:1;max-width:1100px;width:90%;margin:70px auto;text-align:center
}
.payment-container h1{font-size:42px;margin-bottom:15px}
.subtitle{font-size:20px;color:#666;margin-bottom:45px}
.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.payment-card{
background:#fff;border-radius:20px;padding:45px 35px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
display:flex;flex-direction:column;align-items:center;
}
.payment-card h2{font-size:28px;margin-bottom:15px}
.payment-card p{font-size:18px;color:#555;margin-bottom:25px}
.icons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:35px}
.icons span{
border:1px solid #ddd;border-radius:20px;padding:8px 14px;font-size:14px
}
.antom-text{min-height:85px;display:flex;align-items:center;color:#555;margin-bottom:35px}
.payment-btn{
background:#111;color:white;text-decoration:none;
padding:14px 32px;border-radius:30px;font-weight:700;
transition:.3s
}
.payment-btn:hover{transform:translateY(-2px)}
footer{text-align:center;padding:25px;color:#777}
@media(max-width:768px){
.payment-header{padding:0 20px}
.payment-grid{grid-template-columns:1fr}
.payment-container h1{font-size:32px}
.brand span{font-size:16px}
}