:root{--gold:#c69b51;--red:#8f201b}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#e8e3d8;background:#0a0c0b;font-family:"Noto Serif SC",serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{height:78px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff17;background:#090a09e8}.brand{display:flex;align-items:center;gap:13px;color:#eee;text-decoration:none;font:700 16px Cinzel;letter-spacing:2px}.brand b{color:var(--gold)}.mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold);transform:rotate(45deg)}nav{display:flex;align-items:center;gap:25px}nav a,nav button{color:#aaa;background:none;border:0;text-decoration:none;text-transform:uppercase;font:700 8px Cinzel;letter-spacing:1.5px;cursor:pointer}.topup-head{padding:75px 7vw 50px;text-align:center;background:linear-gradient(#080a09bb,#080a09f5),url('assets/wuxia-hero.png') center 37%/cover}.topup-head p{color:#ad884d;font:700 8px Cinzel;letter-spacing:4px}.topup-head h1{margin:15px 0 8px;font:600 clamp(42px,6vw,70px) Cinzel}.topup-head h1 em{color:#b0402e;font-family:"Noto Serif SC"}.topup-head>span{color:#858780;font-size:13px}.account-bar{max-width:1080px;margin:-22px auto 0;padding:20px 27px;display:flex;align-items:center;gap:55px;border:1px solid #ffffff17;background:#141614;box-shadow:0 20px 50px #0008}.account-bar div{padding-right:45px;border-right:1px solid #ffffff12}.account-bar small,.checkout small{display:block;color:#646660;font:7px Cinzel;letter-spacing:1.6px}.account-bar strong{font:600 12px Cinzel}.secure{margin-left:auto;color:#6ba172;font:700 7px Cinzel;letter-spacing:1.3px}.purchase{max-width:1080px;margin:auto;padding:55px 0 90px}.steps{display:flex;gap:30px;border-bottom:1px solid #ffffff12;padding-bottom:18px;color:#50524e;font:600 9px Cinzel}.steps span.active{color:#c49a55}.steps b{margin-left:8px}.purchase h2{font:600 25px Cinzel;margin:35px 0 22px}.packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.packages button{min-height:170px;padding:23px;border:1px solid #ffffff15;background:#121412;color:#eee;text-align:left;cursor:pointer;transition:.25s}.packages button:hover,.packages button.selected{border-color:#bd8d43;background:#191a17;transform:translateY(-3px)}.packages small{display:block;height:25px;color:#98733e;font:700 7px Cinzel;letter-spacing:1.5px}.packages strong{display:block;color:#d9c18c;font:700 31px Cinzel}.packages span{display:block;color:#6e716a;font-size:10px}.packages b{display:block;margin-top:19px;color:#eee;font:600 15px Cinzel}.checkout{margin-top:25px;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff12;background:#101210}.checkout strong{font:600 13px Cinzel}.checkout button{min-width:240px;padding:15px 18px;border:0;background:linear-gradient(120deg,#d0aa62,#9d7132);color:#15130f;text-transform:uppercase;font:700 9px Cinzel;letter-spacing:1.3px;cursor:pointer}.checkout button:disabled{filter:grayscale(1);opacity:.4;cursor:not-allowed}.notice{text-align:right;color:#81a985;font-size:11px}footer{padding:25px;text-align:center;border-top:1px solid #ffffff0e;color:#4f514d;font-size:9px}@media(max-width:800px){.account-bar{margin:-15px 5vw 0;gap:20px;flex-wrap:wrap}.account-bar div{padding-right:20px}.secure{margin-left:0}.purchase{padding:45px 5vw 70px}.packages{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{padding:0 5vw}nav a{display:none}.packages{grid-template-columns:1fr}.checkout{align-items:stretch;flex-direction:column;gap:17px}.checkout button{min-width:0}.steps{gap:10px}.steps b{display:none}}
.package-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.currency-select{display:grid;gap:6px;min-width:245px;color:#98733e;font:700 7px Cinzel;letter-spacing:1.4px}.currency-select select{width:100%;padding:10px 28px 10px 11px;border:1px solid #ffffff1f;border-radius:0;background:#111310;color:#e8e3d8;font:600 10px Cinzel;letter-spacing:.3px}.currency-select select:focus{outline:1px solid #c69b51;border-color:#c69b51}.currency-note{min-height:18px;margin:12px 0 0;color:#84877f;font-size:10px;line-height:1.5}.currency-note.is-loading{color:#d0a451}.currency-note.is-error{color:#ce8f6e}@media(max-width:600px){.package-heading{align-items:stretch;flex-direction:column;gap:0}.currency-select{min-width:0;margin-bottom:20px}}