*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07070a;color:#f5f5f7;font-family:Inter,Arial,sans-serif;overflow-x:hidden}.orb{position:fixed;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.a{width:430px;height:430px;background:#a855f7;right:-140px;top:-180px}.b{width:360px;height:360px;background:#65ff78;left:-170px;bottom:-170px}header{height:78px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:relative;z-index:2}.brand{font-weight:900;letter-spacing:.12em}.brand i{font-style:normal;border:1px solid white;border-radius:9px;padding:7px 9px;margin-right:8px}header span{font-size:10px;letter-spacing:.18em;color:#777}main{width:min(1000px,90vw);margin:auto;padding:70px 0}.hero small{color:#baff4a;font-size:10px;letter-spacing:.25em}.hero h1{font-size:clamp(55px,9vw,105px);line-height:.87;letter-spacing:-.07em;margin:18px 0}.hero em{font-style:normal;color:#777}.hero p{color:#8d8e9c;max-width:570px;line-height:1.7}.card{margin-top:40px;padding:28px;border:1px solid #ffffff12;border-radius:28px;background:#ffffff08;backdrop-filter:blur(22px);box-shadow:0 30px 100px #0008}label{display:block;color:#777;font-size:10px;letter-spacing:.2em;margin:12px 0}.amount{display:flex;gap:10px;align-items:center;border:1px solid #ffffff12;background:#ffffff05;border-radius:15px;padding:14px 18px}.amount span{color:#777;font-weight:800}.amount input{width:100%;background:transparent;border:0;outline:0;color:#fff;font-size:34px;font-weight:900}.methods{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.methods button{padding:17px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff06;color:white;font-weight:900;cursor:pointer}.methods button.active{border-color:#baff4a;background:#baff4a12}.destination{margin:17px 0;padding:20px;border:1px dashed #ffffff22;border-radius:17px;text-align:center}.destination small{display:block;color:#777;letter-spacing:.14em;font-size:9px}.destination strong{display:block;font-size:26px;margin:10px}.destination button{border:0;background:#baff4a;border-radius:9px;padding:8px 12px;font-weight:900}.qris img{display:block;width:230px;height:230px;object-fit:contain;background:#fff;margin:15px auto;border-radius:14px}.qris small{color:#777}.buyer input{width:100%;padding:16px;border-radius:13px;border:1px solid #ffffff12;background:#ffffff06;color:#fff;outline:0}.paid{width:100%;margin-top:18px;padding:17px;border:0;border-radius:14px;background:#f4f4f4;color:#07070a;font-weight:950;letter-spacing:.05em;cursor:pointer}.note{text-align:center;color:#656674;font-size:10px;line-height:1.6;margin:14px 0 0}footer{text-align:center;color:#555;font-size:10px;padding:25px}@media(max-width:650px){.methods{grid-template-columns:1fr 1fr}.card{padding:20px}.hero h1{font-size:58px}}