*{box-sizing:border-box}body{margin:0;font-family:Poppins,Inter,Arial,sans-serif;background:linear-gradient(350deg,#f4f9ff,#edf4ffc9);min-height:100vh;color:#1e293b}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px}.checkout{width:100%;max-width:650px;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,87,208,.12);padding:26px}.topbar{height:42px;border:1px solid #dce9fb;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;color:#8aa0bf}.profile{display:flex;align-items:center;gap:20px;margin:24px 0 18px}.profile img{width:78px;height:78px;border-radius:50%;object-fit:contain;border:1px solid #d7e8ff;padding:6px}.merchant h2{margin:0 0 10px;font-size:21px;color:#5f728f}.mini-btn{display:inline-flex;gap:6px;align-items:center;border:1px solid #dce9fb;border-radius:8px;padding:9px 14px;margin-right:8px;color:#6d7f9a;background:#fdfefe;font-size:13px}.blue-head{background:#0057d0;color:#fff;border-radius:7px;text-align:center;font-weight:600;padding:10px;margin:16px 0 12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.chip{border:1px solid #dbe7f8;background:#f7fbff;border-radius:999px;padding:7px 12px;font-size:12px;cursor:pointer}.chip.active{background:#0057d0;color:white}.methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.method{border:1px solid #d6e2f1;border-radius:10px;overflow:hidden;text-align:center;background:#fff;min-height:82px;display:flex;flex-direction:column;justify-content:center;text-decoration:none;color:#111;transition:.2s}.method:hover{box-shadow:0 8px 20px rgba(0,87,208,.12);transform:translateY(-1px)}.method img{max-height:38px;max-width:96px;margin:6px auto 4px;object-fit:contain}.method span{font-size:12px;border-top:1px solid #eef3fb;padding:7px;display:block}.paybar{margin-top:18px;background:#cde1ff;color:#0057d0;border-radius:9px;text-align:center;font-weight:700;padding:14px}.amountbox{display:grid;grid-template-columns:1fr 160px;gap:12px;margin:18px 0}.amountbox>div{border:1px solid #e1ecfb;border-radius:10px;padding:15px}.amount{font-size:22px;font-weight:700;color:#0057d0}.steps{border:1px solid #e1ecfb;border-radius:10px;padding:16px}.steps li{margin:12px 0}.copy{background:#0057d0;color:#fff;border:0;border-radius:6px;padding:5px 9px;font-size:12px}.input{width:100%;border:1px solid #d8e4f3;border-radius:9px;padding:12px;font-size:16px}.btn{width:100%;border:0;border-radius:9px;background:#0057d0;color:#fff;padding:14px;font-weight:700;margin-top:12px}.status{padding:12px;border-radius:8px;margin-top:12px;background:#f1f7ff;color:#31557d}@media(max-width:640px){.checkout{padding:18px}.methods{grid-template-columns:repeat(2,1fr)}.profile{flex-direction:column;text-align:center}.amountbox{grid-template-columns:1fr}}