*{box-sizing:border-box}body{margin:0;background:#020817;color:#e9f5ff;font-family:Inter,Arial,sans-serif;font-size:14px}a{color:#6de1f2;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px max(16px,calc((100vw - 840px)/2));background:#071426;border-bottom:1px solid #244760;font-size:12px}main{max-width:840px;margin:auto;padding:24px 16px 40px}.telco-hero small{color:#68dce9;font-size:10px;letter-spacing:1.5px}h1{font-size:30px;margin:10px 0}h2{font-size:18px;margin:0 0 14px}p{color:#abc1d3;line-height:1.6}.telco-tabs{display:flex;gap:10px;margin:20px 0}.telco-tabs a{display:flex;align-items:center;gap:10px;padding:10px 18px;border:1px solid #26475f;border-radius:12px;background:#081a2d;color:#abc1d3}.telco-tabs img{width:36px;height:36px;border-radius:8px}.telco-tabs a[aria-current=page]{border-color:#5ae4d5;background:#0c343f;color:#fff}.booking-note{padding:16px 18px;background:#322a0f;border:1px solid #796433;border-radius:12px;margin-bottom:18px}.booking-note strong{color:#ffe295}.booking-note p{font-size:12px;margin:8px 0;color:#e2d5b4}.telco-card{padding:20px;border:1px solid #244760;border-radius:14px;background:#071426;margin:16px 0}.wallet-summary{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #244760}.wallet-summary span{font-size:10px;color:#80ced7}.wallet-summary strong{flex:1;font-size:23px}.wallet-summary a{font-size:12px}.phone-label{display:grid;gap:8px;margin-bottom:20px;font-size:12px}input[type=tel]{height:48px;width:100%;padding:12px;border-radius:10px;border:1px solid #315376;background:#020817;color:#fff;font-size:16px}.package-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.package-grid label{position:relative;cursor:pointer}.package-grid input{position:absolute;width:1px;height:1px;opacity:0}.package-grid span{display:grid;gap:6px;text-align:center;padding:14px 6px;background:#0a2035;border:1px solid #29465e;border-radius:10px}.package-grid b{font-size:18px}.package-grid small{color:#9eb7ce;font-size:12px}.package-grid input:checked+span{border-color:#5ae4d5;background:#0b424b}.package-grid input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}.wait-check{display:flex;align-items:flex-start;gap:9px;line-height:1.5;font-size:12px;margin:20px 0}.wait-check input{width:18px;height:18px;flex:none;margin:0;accent-color:#54e4d0}.primary{display:inline-block;background:#54e4d0;color:#042e37;border:0;border-radius:9px;padding:13px 18px;font-weight:800;font-size:12px;cursor:pointer}#telcoBuy{width:100%}button:disabled{opacity:.5;cursor:wait}#telcoStatus{font-size:13px;overflow-wrap:anywhere}.telco-order{padding:14px 0;border-bottom:1px solid #244760}.telco-order header{padding:0;border:0;background:none;font-size:13px}.telco-order p{font-size:12px;margin:7px 0}.telco-order progress{width:100%;height:9px;accent-color:#54e4d0}.telco-order small{color:#8faabe;font-size:10px}dialog{width:min(430px,calc(100% - 32px));background:#071426;color:#e9f5ff;border:1px solid #315376;padding:22px;border-radius:14px}dialog::backdrop{background:#000b}dialog form>div{display:flex;gap:10px}dialog button{padding:12px;border:0;border-radius:9px;cursor:pointer}dialog p{font-size:13px;white-space:pre-line}#telcoForm[hidden],#telcoGuest[hidden]{display:none}@media(max-width:520px){.package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.telco-card{padding:16px}h1{font-size:25px}header>strong{font-size:10px}}

/* Match the shared GNEX game topup theme. */
body{background:radial-gradient(circle at 78% 0,rgba(19,136,255,.12),transparent 28%),var(--navy);color:var(--white);font-family:Inter,sans-serif}
main{max-width:960px;padding:0 4px 30px}
.telco-admin-chat{margin-left:auto!important;width:auto!important;padding:9px 12px!important;border:1px solid var(--line)!important;border-radius:10px!important;color:var(--cyan)!important;font-size:11px!important}
.telco-hero .telco-tabs{grid-column:1/-1;margin:0}
.telco-tabs a{background:#071225;border-color:var(--line);border-radius:12px;color:var(--muted)}
.telco-tabs a[aria-current=page]{border-color:var(--cyan);background:#0b2540}
.telco-card{border-color:var(--line);border-radius:18px;background:linear-gradient(145deg,#0a1730,#070e1e);box-shadow:0 16px 35px #0003}
h2{font-family:'Barlow Condensed',sans-serif;font-size:26px;text-transform:uppercase}
.booking-note{margin-top:20px;background:rgba(68,48,12,.24);border-color:rgba(255,182,62,.28);border-radius:10px}
.booking-note strong{color:#ffc55b}.booking-note p{color:#c0ad8a}
.wallet-summary{border-color:var(--line)}.wallet-summary span,.wallet-summary a{color:var(--cyan)}
input[type=tel]{background:#040b19;border-color:var(--line);border-radius:12px}input[type=tel]:focus{outline:1px solid var(--cyan)}
.package-grid span{background:linear-gradient(145deg,#0d1e38,#071225);border-color:var(--line);border-radius:12px;min-height:86px;align-content:center}
.package-grid b{font-family:'Barlow Condensed',sans-serif;font-size:23px}.package-grid small{color:var(--muted)}
.package-grid input:checked+span{border-color:var(--cyan);background:linear-gradient(145deg,#103958,#0a2440);box-shadow:0 0 0 1px var(--cyan)}
.package-grid label:hover span{border-color:var(--cyan)}
.primary{background:linear-gradient(90deg,#0891b2,#2563eb);color:#fff;border-radius:12px;letter-spacing:.05em;min-height:46px}
.wait-check input,.telco-order progress{accent-color:var(--cyan)}
.telco-order{border-color:var(--line)}.telco-order header{color:var(--white)}
dialog{background:linear-gradient(145deg,#0a1730,#070e1e);border-color:var(--line);border-radius:18px}
@media(max-width:620px){main{padding:0 0 26px}.telco-card{padding:16px}.package-grid{gap:8px}.package-grid b{font-size:21px}.package-grid small{font-size:11px}.telco-tabs a{padding:8px 13px}.booking-note{padding:13px 14px}.instant-brand{font-size:13px!important}}
.booking-note .booking-warning{color:#ff6b6b;font-weight:700}