:root{--b:#0879e8;--d:#0649ae;--c:#23ceff;--p:#e7f5ff;--i:#10294c;--l:#c9e6fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(155deg,#eefaff,#fff 45%,#dff3ff);font-family:Arial,"Noto Sans Khmer",sans-serif;color:var(--i)}header{height:74px;display:flex;justify-content:space-between;align-items:center;padding:10px max(20px,calc((100% - 1040px)/2));background:linear-gradient(100deg,var(--c),var(--b));position:sticky;top:0;z-index:9;box-shadow:0 4px 15px #0879e844}header img,footer img{width:155px;height:50px;object-fit:contain}.telegram,.hero a{padding:10px 16px;border-radius:22px;background:#fff;color:var(--b);font-weight:bold;text-decoration:none;font-size:13px}.hero{max-width:1010px;min-height:260px;margin:18px auto;padding:36px 22px;text-align:center;color:#fff;border-radius:20px;background:radial-gradient(circle at 13% 24%,#a3edff 0 4%,transparent 16%),radial-gradient(circle at 86% 22%,#fff36b 0 3%,transparent 12%),linear-gradient(130deg,#063e98,#0879e8,#26d7ff);box-shadow:0 13px 28px #0879e833}.hero img{width:min(310px,75%);height:78px;object-fit:contain}.hero h1{margin:10px 0 4px;font-size:32px;text-shadow:0 2px 3px #003b82}.hero h1 span{font-size:19px}.hero p{font-size:14px;margin:8px 0 20px}.catalog,.topup{max-width:1010px;margin:0 auto 28px;padding:0 16px}.heading h2{margin:0;color:var(--d);font-size:25px}.heading p{margin:5px 0 14px;color:#5b7b9e;font-size:13px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.game{border:0;background:#fff;color:var(--i);text-align:left;border-radius:15px;padding:12px;min-height:135px;box-shadow:0 8px 18px #0879e822;text-decoration:none;cursor:pointer}.game:hover{transform:translateY(-2px);outline:2px solid var(--c)}.game>span{height:63px;margin:-12px -12px 11px;display:grid;place-items:center;font-size:36px;border-radius:15px 15px 0 0;background:linear-gradient(135deg,#063b92,#1590f7,#25d4ff)}.game>span img{height:70px;width:100%;object-fit:contain;object-position:center bottom}.game b,.game small{display:block}.game b{font-size:14px}.game small{font-size:11px;color:#6384a9;margin-top:5px}.topup{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 28px #0879e824}.title{display:flex;align-items:center;gap:11px;padding:12px;margin:5px 0 14px;border-radius:13px;color:#fff;background:linear-gradient(100deg,var(--c),var(--d))}.title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--b);font-weight:bold;font-size:12px}.title h2{margin:0;font-size:19px}.title p{margin:3px 0 0;font-size:12px;color:#e7f8ff}.account{padding:14px;border:1px solid var(--l);border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.account label{font-size:13px;font-weight:bold;color:#456a91}.account input{width:100%;margin-top:6px;border:1px solid #b8dcf8;border-radius:9px;padding:12px;font:inherit}.account button{width:max-content;border:0;border-radius:9px;padding:12px 17px;background:linear-gradient(100deg,var(--c),var(--b));color:#fff;font-weight:bold;cursor:pointer}.account p{grid-column:1/-1;min-height:16px;margin:0;font-size:12px;font-weight:bold}.success{color:#16854c}.error{color:#c81d52}.verified{margin:13px 0;display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--l);border-radius:13px;background:#e7f7ff}.hidden{display:none}.verified>span,.verified em{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#c7edff;font-style:normal}.verified div{flex:1;display:grid;gap:3px}.verified small{font-size:11px;color:#547694}.verified em{background:#35bd71;color:#fff}.packages{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pack{border:0;color:#fff;text-align:left;border-radius:13px;padding:10px;background:linear-gradient(130deg,#46d7ff,#0879e8);box-shadow:0 7px 12px #0879e833;cursor:pointer}.pack:hover,.selected{outline:3px solid #ffe32d}.pack img{float:left;width:42px;height:42px;object-fit:contain;margin-right:8px}.pack b,.pack strong,.pack small{display:block}.pack strong{font-size:18px;color:#fff36e;margin-top:4px}.pack small{font-size:10px;margin-top:4px}.locked{opacity:.43}.locked .pack{cursor:not-allowed}.payment{padding:18px;border:1px solid var(--l);border-radius:12px;color:#61758b}.total{position:sticky;bottom:0;display:flex;align-items:center;gap:15px;background:linear-gradient(100deg,#1bc8ff,#0758c6);color:#fff;margin:20px -20px -20px;padding:13px 20px}.total div{flex:1}.total small,.total b{display:block}.total small{font-size:11px}.total b{font-size:13px}.total strong{font-size:21px;color:#fff26d}.total button{border:0;border-radius:20px;background:#fff;color:#1265af;padding:10px;font-weight:bold;font-size:11px}.help{position:fixed;right:16px;bottom:20px;z-index:10;background:var(--b);color:#fff;text-decoration:none;border-radius:22px;padding:12px;box-shadow:0 6px 16px #0649ae66;font-size:12px;font-weight:bold}.notice{position:fixed;bottom:78px;left:50%;transform:translate(-50%,20px);opacity:0;background:#073e8f;color:#fff;padding:12px 18px;border-radius:10px;transition:.2s;z-index:11;font-size:13px}.notice.show{opacity:1;transform:translate(-50%,0)}footer{background:#0649ae;text-align:center;padding:28px 16px 80px;color:#fff}footer p{font-size:11px;opacity:.8}@media(max-width:600px){header{height:66px;padding:8px 14px}header img{width:125px}.hero{margin:10px;padding:28px 14px;min-height:230px}.hero h1{font-size:26px}.game-grid{grid-template-columns:repeat(2,1fr);gap:9px}.game{min-height:118px;padding:10px}.game>span{height:52px;margin:-10px -10px 9px}.catalog,.topup{padding:0 10px}.topup{margin:0 10px 25px;padding:14px}.account{grid-template-columns:1fr}.account p{grid-column:auto}.packages{gap:8px}.total{margin:18px -14px -14px;padding:12px 14px;gap:8px}.total button{font-size:10px;padding:9px}.help{bottom:14px}}