.payment-page{

margin-top:120px;

padding:50px;

}

.payment-page h1{

text-align:center;

margin-bottom:50px;

color:#0b2d52;

}

.payment-grid{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(350px,1fr));

gap:40px;

}

.bank-card,
.qr-card,
.upload-card{

background:white;

padding:35px;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

}

.bank-card h2,
.qr-card h2,
.upload-card h2{

margin-bottom:25px;

color:#0b2d52;

}

.detail{

margin-bottom:20px;

padding-bottom:15px;

border-bottom:1px solid #ddd;

}

.detail strong{

display:block;

margin-bottom:5px;

}

.qr-card{

text-align:center;

}

.qr-card img{

width:250px;

max-width:100%;

margin:20px auto;

display:block;

}

.upload-card{

margin-top:40px;

text-align:center;

}

.upload-card input{

margin-top:20px;

}

.upload-card button{

margin-top:30px;

padding:15px 40px;

background:#25D366;

color:white;

border:none;

border-radius:40px;

font-size:18px;

cursor:pointer;

transition:.3s;

}

.upload-card button:hover{

transform:translateY(-3px);

}

@media(max-width:768px){

.payment-page{

padding:20px;

}

}