*{box-sizing:border-box;margin:0;padding:0} :root{--bg:#050505;--card:#111214;--gold:#ffd84d;--gold2:#ffb800;--text:#eee;--muted:#85858d;--border:rgba(255,255,255,.09);--green:#67e875}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 50% -10%,rgba(255,207,53,.1),transparent 35%),var(--bg);color:var(--text);min-height:100vh}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.hidden{display:none!important}.container{width:min(1120px,calc(100% - 40px));margin:auto}.bg-glow{position:fixed;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.12;z-index:-1}.glow-1{width:350px;height:350px;background:var(--gold);top:10%;left:-200px}.glow-2{width:300px;height:300px;background:#ff9d00;bottom:10%;right:-180px}
.header{border-bottom:1px solid rgba(255,255,255,.05);background:rgba(5,5,5,.72);backdrop-filter:blur(18px);position:relative;z-index:20}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-logo,.admin-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#ffe783,#ffc400);color:#080808;font-size:21px;font-weight:900}.brand-text{display:flex;flex-direction:column;gap:2px}.brand-text strong{color:#fff;font-size:15px}.brand-text span{color:#777;font-size:11px}.portal-btn,.back-public{border:1px solid var(--border);border-radius:10px;background:transparent;color:#aaa;padding:9px 14px;transition:.25s}.portal-btn:hover,.back-public:hover{color:var(--gold);border-color:rgba(255,216,77,.35)}
.hero{text-align:center;padding:90px 0 70px}.badge{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(255,216,77,.15);border-radius:999px;background:rgba(255,216,77,.055);color:#c7c7c7;font-size:12px}.badge-dot{width:7px;height:7px;border-radius:50%;background:#63e676;box-shadow:0 0 10px #63e676}.hero h1,.order-section h2{margin-top:24px;color:#fff;font-size:clamp(42px,8vw,82px);line-height:.95;letter-spacing:-4px;font-weight:900}.hero h1 span,.order-section h2 span,.section-heading h2 span{color:var(--gold)}.hero-description,.section-description{max-width:600px;margin:25px auto 0;color:#8f8f95;font-size:16px;line-height:1.7}.hero-description strong,.section-description strong{color:#d8d8d8}.security-box{margin:50px auto 0;padding:28px;max-width:950px;border:1px solid var(--border);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));text-align:left}.security-title{display:flex;gap:10px;margin-bottom:24px;color:#fff;font-size:15px;font-weight:700}.security-title span,.small-title{color:var(--gold)}.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.security-item{display:flex;gap:12px;padding:15px;border-radius:15px;background:rgba(255,255,255,.025)}.security-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:50%;background:rgba(255,216,77,.12);color:var(--gold)}.security-item h3{margin-bottom:5px;color:#e8e8e8;font-size:13px}.security-item p,.feature-card p{color:#777;font-size:12px;line-height:1.55}.video-link{display:inline-block;margin-top:28px;color:var(--gold);font-size:13px;font-weight:600}
.order-section,.topup-section{padding:70px 0 100px}.section-label{text-align:center;color:#777;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.order-section>.container>h2{text-align:center}.order-card,.payment-card{width:min(680px,100%);margin:45px auto 0;padding:30px;border:1px solid var(--border);border-radius:22px;background:rgba(18,18,20,.82);box-shadow:0 20px 70px rgba(0,0,0,.22)}.card-header{display:flex;gap:14px}.step{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(255,216,77,.1);color:var(--gold);font-size:12px;font-weight:800}.card-header h3{color:#fff;font-size:15px}.card-header p{margin-top:4px;color:#666;font-size:11px}.order-card label,.topup-section label{display:block;margin-top:25px;margin-bottom:8px;color:#aaa;font-size:11px;font-weight:700}.input-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:12px;background:#0b0b0c;overflow:hidden}.input-icon{padding:0 13px;color:var(--gold)}input{width:100%;height:48px;border:0;outline:0;background:transparent;color:#fff}input::placeholder{color:#555}.input-help{margin-top:8px;color:#555;font-size:10px}.included{margin-top:22px;padding:18px;border-radius:15px;background:rgba(255,255,255,.025)}.included-title{color:#777;font-size:9px;font-weight:800;letter-spacing:1px}.included-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px;color:#aaa;font-size:11px}.included-list span{color:var(--green);margin-right:7px}.price-box{display:flex;justify-content:space-between;align-items:end;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06)}.price-box small{color:#666}.price{margin-top:5px;color:var(--gold);font-size:23px;font-weight:900}.price span{font-size:10px;color:#777;font-weight:400}.old-price{text-decoration:line-through;color:#555;font-size:12px}.submit-btn,.confirm-pay{width:100%;height:48px;margin-top:22px;border:0;border-radius:12px;background:var(--gold);color:#080808;font-size:12px;font-weight:800}.submit-btn:hover{background:#ffe477}.payment-section{padding:10px 0 80px}.payment-card{text-align:left}.payment-card h2{text-align:center;color:#fff;font-size:24px}.payment-icon{margin:auto;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(255,216,77,.1);color:var(--gold);font-size:23px}.payment-subtitle{text-align:center;margin-top:8px;color:#666;font-size:11px}.bank-info{margin-top:25px;padding:15px;border-radius:15px;background:rgba(255,255,255,.025)}.bank-row{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.bank-row:last-child{border:0}.bank-row span{color:#666}.bank-row strong{color:#ddd;text-align:right}.bank-row .money{color:var(--gold)}.transfer-content{margin-top:20px}.transfer-content>span{color:#777;font-size:10px;font-weight:800}.content-code{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:13px;border-radius:12px;background:rgba(255,216,77,.07)}.content-code strong{color:var(--gold);font-size:13px}.content-code button{padding:7px 10px;border:1px solid rgba(255,216,77,.2);border-radius:8px;background:transparent;color:var(--gold);font-size:10px}.waiting{display:flex;gap:13px;align-items:center;margin-top:15px;padding:15px;border-radius:13px;background:rgba(255,255,255,.025)}.spinner{width:27px;height:27px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite}.waiting strong{display:block;color:#ddd;font-size:12px}.waiting span{display:block;margin-top:3px;color:#666;font-size:10px}@keyframes spin{to{transform:rotate(360deg)}}
.features-section{padding:40px 0 100px;border-top:1px solid rgba(255,255,255,.045)}.section-heading{text-align:center}.section-heading h2{margin-top:12px;color:#fff;font-size:clamp(32px,5vw,48px);letter-spacing:-2px}.section-heading p{max-width:550px;margin:15px auto 0;color:#777;font-size:13px;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:45px}.feature-card{min-height:200px;padding:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(255,255,255,.018)}.feature-number{position:absolute;right:17px;top:14px;color:#2c2c2f;font-size:25px;font-weight:900}.feature-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(255,216,77,.08);color:var(--gold);font-size:19px}.feature-card h3{margin-top:22px;color:#eee;font-size:13px}.feature-card p{margin-top:8px}
.footer{border-top:1px solid rgba(255,255,255,.05);padding:30px 0}.footer-main{display:flex;justify-content:space-between;gap:20px}.footer-brand{display:flex;gap:12px}.footer-brand>div:last-child{display:flex;flex-direction:column;gap:5px}.footer-brand strong{color:#fff;font-size:14px}.footer-brand span,.footer-contact span{color:#666;font-size:11px}.footer-contact{text-align:right}.footer-contact h3{color:#aaa;font-size:12px;margin-bottom:8px}.footer-contact a{display:block;color:#777;font-size:11px;margin:5px}.footer-contact a:hover{color:var(--gold)}.footer-bottom{display:flex;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.045);color:#444;font-size:10px}

.admin-page{min-height:100vh;background:#070707}.admin-shell{min-height:100vh}.admin-login{width:min(430px,calc(100% - 30px));margin:auto;padding-top:12vh;text-align:center}.admin-logo{margin:auto;width:60px;height:60px;font-size:28px}.admin-login h1{margin-top:20px;color:#fff}.admin-login>p{margin-top:6px;color:#666;font-size:12px}.admin-login form{margin-top:25px}.admin-login input{display:block;width:100%;height:50px;margin:10px 0;padding:0 15px;border:1px solid var(--border);border-radius:12px;background:#111;color:#fff}.admin-login .submit-btn{margin-top:10px}.login-error{min-height:18px;margin-top:10px;color:#ff6d6d;font-size:11px}.back-public{margin-top:12px}.dashboard{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.admin-sidebar{padding:25px 15px;border-right:1px solid var(--border);background:#0a0a0b}.admin-brand{display:flex;align-items:center;gap:10px;padding:5px 10px 25px;color:#fff}.admin-brand b{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:var(--gold);color:#000}.side{width:100%;padding:12px 13px;margin:3px 0;text-align:left;border:0;border-radius:10px;background:transparent;color:#888}.side:hover,.side.active{background:rgba(255,216,77,.08);color:var(--gold)}.side.logout{margin-top:30px;color:#ff7777}.admin-main{padding:30px;max-width:1400px;width:100%}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-top small{color:#666;font-size:9px;letter-spacing:2px}.admin-top h2{margin-top:4px;color:#fff}.admin-card{padding:22px;border:1px solid var(--border);border-radius:16px;background:#0d0d0e;margin-bottom:15px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat b{display:block;color:var(--gold);font-size:28px}.stat span{color:#777;font-size:11px}.admin-card h3{color:#eee;font-size:14px;margin-bottom:15px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-card label{display:block;color:#777;font-size:10px;margin:12px 0 6px}.admin-card input,.admin-card textarea,.admin-card select{width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;background:#090909;color:#eee;outline:0}.admin-card textarea{min-height:90px;resize:vertical}.admin-save{padding:10px 15px;border:0;border-radius:9px;background:var(--gold);color:#000;font-weight:800;font-size:11px}.row-item{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.row-item:last-child{border:0}.row-item small{color:#777}.actions{display:flex;gap:7px;flex-wrap:wrap}.act{padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:transparent;color:#bbb;font-size:10px}.act.ok{color:#67e875}.act.danger{color:#ff7474}.pill{display:inline-block;padding:4px 7px;border-radius:99px;background:rgba(255,216,77,.08);color:var(--gold);font-size:9px}.notice-box{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:12px;background:#101011}.switch{width:45px;height:25px;border-radius:99px;background:#333;padding:3px}.switch.on{background:var(--gold)}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}.switch.on i{transform:translateX(20px)}

.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:100}.modal.show{display:flex}.modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.82);backdrop-filter:blur(10px)}.success-card{position:relative;z-index:2;width:min(420px,calc(100% - 35px));padding:40px 30px;border:1px solid rgba(255,216,77,.2);border-radius:25px;background:#0d0d0e;text-align:center}.close-modal{position:absolute;right:15px;top:15px;width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.06);color:#888;font-size:20px}.success-check{width:65px;height:65px;display:grid;place-items:center;margin:0 auto 20px;border-radius:50%;background:rgba(78,219,101,.1);color:#67e875;font-size:30px}.success-card h2{color:#fff}.success-card p{margin-top:10px;color:#888;font-size:13px}.back-home{width:100%;height:45px;margin-top:20px;border:0;border-radius:10px;background:var(--gold);font-weight:800}.toast{position:fixed;left:50%;bottom:30px;z-index:200;transform:translate(-50%,30px);opacity:0;padding:11px 17px;border:1px solid var(--border);border-radius:10px;background:#171719;color:#fff;font-size:11px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.dashboard{grid-template-columns:1fr}.admin-sidebar{border-right:0;border-bottom:1px solid var(--border);display:flex;gap:5px;overflow:auto}.admin-brand{display:none}.side{min-width:max-content;width:auto}.side.logout{margin-top:3px}.stats{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:600px){.container{width:min(100% - 24px,1120px)}.security-grid,.included-list,.features-grid{grid-template-columns:1fr}.hero{padding-top:60px}.hero h1{letter-spacing:-2px}.order-card,.payment-card{padding:20px}.footer-main{flex-direction:column}.footer-contact{text-align:left}.admin-main{padding:18px}.stats{grid-template-columns:1fr 1fr}}

.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 18px}.product-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0d0d0e;color:#fff}.product-choice:hover,.product-choice.selected{border-color:rgba(255,216,77,.55);background:rgba(255,216,77,.055)}.product-choice .product-icon{width:42px;height:42px;display:grid;place-items:center;flex:none;border-radius:12px;background:rgba(255,216,77,.1);color:var(--gold);font-weight:900;font-size:20px}.product-choice div:nth-child(2){min-width:0;flex:1}.product-choice strong{display:block;font-size:12px}.product-choice small{display:block;color:#666;font-size:10px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-choice>b{color:var(--gold);font-size:12px;white-space:nowrap}.order-status-section{padding:10px 0 80px}.status-card{max-width:680px;margin:auto;padding:28px;border:1px solid var(--border);border-radius:20px;background:#0d0d0e;text-align:left}.status-card h2{text-align:center;color:#fff;margin-top:15px}.customer-status{margin-top:20px;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden}.customer-status>div{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11px}.customer-status>div:last-child{border:0}.customer-status span{color:#666}.customer-status b{text-align:right;color:#ddd}.status-approved{color:var(--green)!important}.status-pending{color:var(--gold)!important}.status-cancelled{color:#ff7474!important}.support-float-wrap{position:fixed;right:22px;bottom:22px;z-index:80}.support-float{width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(135deg,#6c7cff,#c07bff);box-shadow:0 0 25px rgba(130,110,255,.55);color:#fff;font-size:30px;display:grid;place-items:center}.support-float span{display:grid;place-items:center}.support-float svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.support-menu{position:absolute;right:0;bottom:70px;width:235px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#111214;box-shadow:0 18px 50px rgba(0,0,0,.45)}.support-menu-title{color:#777;font-size:9px;font-weight:800;letter-spacing:1.5px;padding:4px 8px 8px}.support-menu-link{display:flex!important;align-items:center;gap:9px!important;margin:0!important;padding:11px 9px!important;border-radius:10px;background:transparent}.support-menu-link:hover{background:rgba(255,216,77,.07);color:var(--gold)!important}.support-menu-link span{color:var(--gold)}.product-admin{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.06)}.product-admin:last-of-type{border:0}.product-admin-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px;color:#eee;font-size:12px}.support-edit{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}
@media(max-width:900px){.product-grid{grid-template-columns:1fr}.product-choice{min-height:70px}}
@media(max-width:600px){.support-float-wrap{right:15px;bottom:15px}.support-float{width:54px;height:54px}.support-menu{width:min(235px,calc(100vw - 30px))}.customer-status>div{align-items:flex-start;flex-direction:column;gap:4px}.customer-status b{text-align:left}.status-card{padding:20px}}

/* Requested additions */
.bank-row{position:relative;padding-right:74px}.copy-mini{position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px solid rgba(255,216,77,.22);background:rgba(255,216,77,.06);color:#ffd84d;border-radius:7px;padding:5px 8px;font-size:9px;cursor:pointer}.copy-mini:hover{background:rgba(255,216,77,.12)}
.purchase-history{position:fixed;right:18px;top:92px;width:230px;z-index:65;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(14,15,17,.94);box-shadow:0 12px 35px rgba(0,0,0,.35);backdrop-filter:blur(10px)}.purchase-history-title{font-size:9px;font-weight:800;letter-spacing:1.2px;color:#ffd84d;margin-bottom:7px}.purchase-history-item{display:flex;gap:5px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px;line-height:1.35}.purchase-history-item:last-child{border-bottom:0}.purchase-history-item b{color:#eee;white-space:nowrap}.purchase-history-item span{color:#999}.product-add-box{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}.product-add-box h4{margin:0 0 10px;color:#eee;font-size:12px}.product-delete{margin-top:10px}.admin-top-right{display:flex;align-items:center;gap:14px}.admin-copyright,.admin-footer-copyright{font-size:9px;color:#666}.admin-footer-copyright{text-align:center;padding:18px 0 4px}
@media(max-width:700px){.purchase-history{right:12px;top:75px;width:205px}.admin-top-right{gap:7px}.admin-copyright{display:none}.bank-row{padding-right:70px}}