.home-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px;padding:0 clamp(14px,4vw,62px)}.home-entry-card{position:relative;min-height:164px;padding:28px 30px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;color:#fff;text-align:left;text-decoration:none;box-shadow:0 20px 55px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.09);transition:transform .25s,border-color .25s,box-shadow .25s}.home-entry-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.18);box-shadow:0 30px 75px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.12)}.home-entry-card>span{display:inline-flex;padding:4px 8px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,6,10,.24);font-size:9px;font-weight:700;letter-spacing:1.1px}.home-entry-card h2{position:relative;z-index:2;margin:14px 0 5px;font-size:24px;letter-spacing:-.7px}.home-entry-card p{position:relative;z-index:2;max-width:68%;margin:0;color:rgba(255,255,255,.72);font-size:12px;line-height:1.7}.home-entry-card>i{position:absolute;left:30px;bottom:22px;color:#fff;font-size:11px;font-style:normal;font-weight:600}.home-entry-card>b{position:absolute;right:22px;bottom:-28px;color:rgba(255,255,255,.13);font-size:104px;line-height:1;font-weight:800;letter-spacing:-9px}.guide-entry{background:radial-gradient(circle at 80% 20%,rgba(147,112,255,.42),transparent 34%),linear-gradient(120deg,#24165d,#5128c9 55%,#7936ea)}.recharge-entry{font:inherit;cursor:pointer;background:radial-gradient(circle at 84% 22%,rgba(101,220,233,.25),transparent 34%),linear-gradient(120deg,#4a206c,#8a35c9 55%,#d14ebd)}

.credits-view{max-width:1600px;margin:auto;padding:46px clamp(24px,4vw,64px) 90px}.credits-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.credits-head h1{margin:0 0 6px;color:#fff;font-size:36px;letter-spacing:-1.4px}.credits-head p{margin:0;color:#aaaab4;font-size:14px}.credits-help{height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#191a20;color:#e9e9ee;font-size:13px}.credits-help span{margin-left:8px;color:#77e1ea}.credits-overview{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:14px}.credits-overview article{min-height:154px;padding:22px;border:1px solid rgba(255,255,255,.085);border-radius:20px;background:linear-gradient(145deg,#1b1c23,#15161c);box-shadow:0 15px 40px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.04)}.credits-overview article>span,.balance-card>div>span{display:block;color:#aaaab4;font-size:12px}.credits-overview article>strong,.balance-card strong{display:block;margin:13px 0 8px;color:#fff;font-size:30px;line-height:1}.credits-overview strong em{color:#aaaab4;font-size:12px;font-style:normal;font-weight:500}.credits-overview article>small,.balance-card small{color:#888993;font-size:11px}.balance-card #credit-expiry-summary{display:block;margin-top:5px;color:#c5a96f}.balance-card #credit-expiry-summary[hidden]{display:none}.balance-card{display:flex;align-items:center;justify-content:space-between;background:radial-gradient(circle at 90% 20%,rgba(101,220,233,.13),transparent 35%),linear-gradient(145deg,#20212a,#181921)!important}.balance-card strong i{color:#f0cc7d;font-size:17px;font-style:normal}.balance-card>button{height:40px;padding:0 15px;border:0;border-radius:11px;background:linear-gradient(120deg,#b4a4ff,#70e1eb);color:#11131a;font-weight:700}
.package-section{margin-top:28px;padding:24px;border:1px solid rgba(255,255,255,.075);border-radius:25px;background:#101116;box-shadow:0 25px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.035)}.credits-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.credits-section-title>div{display:flex;align-items:baseline;gap:12px}.credits-section-title h2{margin:0;color:#fff;font-size:21px}.credits-section-title p,.credits-section-title>span{margin:0;color:#92939d;font-size:11px}.credit-packages{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.credit-package{position:relative;min-width:0;padding:22px;border:1px solid rgba(255,255,255,.085);border-radius:18px;background:#1a1b21;transition:transform .22s,border-color .22s,background .22s}.credit-package:hover{transform:translateY(-4px);border-color:rgba(101,220,233,.22);background:#202129}.credit-package.recommended{border-color:rgba(101,220,233,.24);background:linear-gradient(145deg,rgba(101,220,233,.08),rgba(146,120,255,.08)),#1a1b21}.credit-package.value{border-color:rgba(240,204,125,.2)}.package-badge{position:absolute;right:14px;top:14px;padding:4px 7px;border-radius:999px;background:rgba(101,220,233,.1);color:#8ce5ed;font-size:9px}.value .package-badge{background:rgba(240,204,125,.1);color:#f0cc7d}.package-top>span{color:#9d9ea7;font-size:11px}.package-top>b{display:block;margin-top:12px;color:#fff;font-size:26px;letter-spacing:-.7px}.package-top b small{color:#a9aab3;font-size:11px;font-weight:500}.credit-package dl{display:grid;gap:10px;margin:22px 0}.credit-package dl div{display:flex;justify-content:space-between;gap:8px}.credit-package dt{color:#92939d;font-size:11px}.credit-package dd{margin:0;color:#d9d9df;font-size:11px}.package-buy{display:flex;align-items:center;justify-content:space-between;padding-top:17px;border-top:1px solid rgba(255,255,255,.07)}.package-buy>strong{font-size:19px}.package-buy>button{height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:#25262e;color:#fff;font-size:11px}.package-buy>button:hover{border-color:transparent;background:linear-gradient(120deg,#a996ff,#6edee8);color:#11131a}
.credit-history{margin-top:22px;border:1px solid rgba(255,255,255,.075);border-radius:22px;background:#121318;overflow:hidden}.history-tabs{height:62px;display:flex;align-items:center;gap:5px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07)}.history-tabs button{position:relative;height:100%;padding:0 13px;border:0;background:transparent;color:#93949e;font-size:13px}.history-tabs button.selected{color:#fff}.history-tabs button.selected:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:2px;background:linear-gradient(90deg,#75dfe9,#9b80ff)}.history-tabs button span{margin-left:4px;padding:2px 6px;border-radius:999px;background:#22232b;font-size:9px}.history-tabs>small{margin-left:auto;color:#777883;font-size:10px}.history-panel{display:none}.history-panel.active{display:block}.history-empty{min-height:190px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#858690}.history-empty>span{font-size:26px}.history-empty>b{margin-top:9px;color:#d5d5dc;font-size:13px}.history-empty>p{margin:4px 0 0;font-size:11px}.history-row{min-height:62px;display:grid;grid-template-columns:1fr 2fr 1fr .7fr;align-items:center;gap:12px;padding:0 22px;border-top:1px solid rgba(255,255,255,.06);color:#9798a2;font-size:11px}.history-row b{color:#e2e2e7;font-weight:500}.history-row em{color:#f0cc7d;font-style:normal;text-align:right}.history-labels{min-height:42px;border-top:0;color:#6f707a;font-size:10px}.history-labels span:last-child{text-align:right}
.recharge-drawer{position:fixed;right:22px;top:118px;z-index:90;width:min(390px,calc(100vw - 28px));padding:26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,#23242c,#17181e);box-shadow:0 35px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.055);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(30px) scale(.97);transition:opacity .22s,transform .28s cubic-bezier(.2,.85,.2,1),visibility .22s}.recharge-drawer.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.recharge-close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:1px solid rgba(255,255,255,.075);border-radius:10px;background:#2b2c35;color:#b1b2bb;font-size:18px}.drawer-kicker{color:#79dfe9;font-size:9px;letter-spacing:1.5px}.recharge-drawer h2{margin:8px 38px 20px 0;color:#fff;font-size:23px}.drawer-package{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#111218}.drawer-package>span,.drawer-package>small{display:block;color:#92939d;font-size:10px}.drawer-package>strong{display:block;margin:8px 0;color:#fff;font-size:22px}.drawer-total{display:flex;align-items:end;justify-content:space-between;padding:21px 2px 17px}.drawer-total>span{color:#a2a3ad;font-size:12px}.drawer-total>b{color:#fff;font-size:27px}.drawer-total b i{font-style:normal}.payment-note{display:flex;gap:10px;padding:13px;border:1px solid rgba(240,204,125,.12);border-radius:13px;background:rgba(240,204,125,.055)}.payment-note>span{color:#f0cc7d}.payment-note p{margin:0}.payment-note b,.payment-note small{display:block}.payment-note b{color:#e4e4e9;font-size:11px}.payment-note small{margin-top:3px;color:#92939d;font-size:10px;line-height:1.55}.confirm-recharge{width:100%;height:48px;margin-top:18px;border:0;border-radius:13px;background:linear-gradient(120deg,#b2a0ff,#6edee8);color:#11131a;font-weight:700}.confirm-recharge span{margin-left:8px}
.recharge-policy-confirm{display:flex;align-items:flex-start;gap:9px;margin-top:14px;color:#a8aab2;font-size:10px;line-height:1.55}.recharge-policy-confirm[hidden]{display:none}.recharge-policy-confirm input{margin-top:2px;accent-color:#79dfe9}.recharge-policy-confirm a{color:#79dfe9;text-decoration:none}.confirm-recharge:disabled{cursor:not-allowed;opacity:.45}
.recharge-payment{display:grid;justify-items:center;gap:7px;margin-top:16px;padding:15px;border:1px solid rgba(121,223,233,.18);border-radius:15px;background:#f7fffd;color:#182521}.recharge-payment[hidden]{display:none}.recharge-payment img{width:210px;height:210px;border-radius:8px}.recharge-payment b{font-size:13px}.recharge-payment small{color:#68726f;font-size:10px}.recharge-payment.paid{background:#eafbf4;color:#176444}
@media(max-width:1050px){.credits-overview{grid-template-columns:1fr 1fr}.credit-packages{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.home-entry-grid{grid-template-columns:1fr;margin:12px;padding:0}.home-entry-card{min-height:180px}.credits-view{padding:30px 14px 70px}.credits-head{align-items:flex-start;gap:15px}.credits-head h1{font-size:29px}.credits-head p{font-size:12px}.credits-overview{grid-template-columns:1fr}.credit-packages{grid-template-columns:1fr}.credits-section-title{align-items:flex-start;gap:10px;flex-direction:column}.credits-section-title>div{align-items:flex-start;gap:4px;flex-direction:column}.package-section{padding:15px}.recharge-drawer{right:14px;top:auto;bottom:14px}.history-row{grid-template-columns:1fr 1.4fr .7fr}.history-row span:nth-child(3){display:none}}
@media(max-width:480px){.home-entry-card p{max-width:82%}.home-entry-card>b{font-size:86px}.balance-card{align-items:flex-start;gap:16px;flex-direction:column}.history-row{padding:0 14px}}