*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07111f;color:#eef5ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:#69dcff;text-decoration:none}button,input,textarea,select{font:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}.top{position:sticky;top:0;z-index:30;background:rgba(7,17,31,.9);backdrop-filter:blur(12px);border-bottom:1px solid #17304b}.nav{min-height:72px;display:flex;align-items:center;gap:25px}.logo{font-weight:1000;font-size:23px;color:white;letter-spacing:-1px}.logo span{color:#42d8ff}.nav nav{display:flex;gap:18px;margin-right:auto}.nav nav a{color:#adc1d6;font-size:14px}.nav-actions{display:flex;gap:8px;margin-left:auto}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #274661;background:#102238;color:#ecf7ff;border-radius:10px;padding:10px 14px;font-weight:850;cursor:pointer}.btn.primary{border-color:#28c6ef;background:#22bfe8;color:#00131a}.btn.ghost{background:#0b1b2c}.btn.danger{background:#35151a;border-color:#78323c;color:#ffb7bf}.btn.full{width:100%}.btn.big{padding:14px 20px}.hero{padding:70px 0 45px;background:radial-gradient(circle at 15% 0,#123e69 0,transparent 38%)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:40px;align-items:center}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-2.5px;margin:12px 0 18px}.hero p{color:#9fb7cc;font-size:18px;line-height:1.65}.eyebrow{font-size:11px;letter-spacing:1.7px;font-weight:1000;color:#42d8ff}.hero-actions{display:flex;gap:10px;margin-top:25px}.hero-card{background:#fff;color:#07111f;border-radius:24px;padding:18px}.hero-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.hero-card div{display:flex;flex-direction:column;padding:12px 4px 2px}.hero-card b{font-size:18px}.hero-card span{font-size:24px;font-weight:1000}.hero-card small{color:#536273;margin-top:8px;line-height:1.45}.pricing,.how{padding:38px 0}.section-title{margin:0 0 18px}.section-title h2{font-size:34px;margin:7px 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-cards{grid-template-columns:repeat(2,1fr)}.price-card,.panel,.vps-box,.tool-box{background:#0c1b2c;border:1px solid #193650;border-radius:18px;padding:20px}.price-card h3{font-size:25px;margin:14px 0 5px}.price-card p,.muted{color:#8fa9bf}.tag{display:inline-flex;border:1px solid #24516e;background:#0b2639;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950;color:#61dafb}.price{font-size:30px;font-weight:1000;margin:18px 0}.price small{font-size:12px;color:#8fa9bf;margin-left:4px}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.steps div{background:#0c1b2c;border:1px solid #193650;border-radius:14px;padding:15px;min-height:110px}.steps b{display:block;color:#42d8ff;font-size:24px}.steps span{font-size:13px;color:#c5d5e3}footer{border-top:1px solid #193650;margin-top:40px}footer .wrap{display:flex;gap:18px;align-items:center;padding:25px 0;color:#8fa9bf}footer a{margin-left:auto}.modal{display:none;position:fixed;inset:0;z-index:60}.modal.open{display:block}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.72)}.modal-box{position:relative;width:min(590px,calc(100% - 25px));max-height:90vh;overflow:auto;margin:5vh auto;background:#0b1929;border:1px solid #294d69;border-radius:20px;padding:22px}.x{position:absolute;right:15px;top:10px;border:0;background:none;color:white;font-size:30px;cursor:pointer}label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;margin:12px 0}label small{font-weight:500;color:#7f9aae}input,textarea,select{width:100%;background:#071421;color:#eff8ff;border:1px solid #27455f;border-radius:9px;padding:11px;outline:none}input:focus,textarea:focus{border-color:#42d8ff}.summary,.account-line{border:1px solid #193650;background:#071421;border-radius:12px;padding:12px;margin:14px 0}.summary div,.account-line{display:flex;justify-content:space-between;gap:15px}.summary div+div{margin-top:8px}.summary span,.account-line span{color:#8fa9bf}.alert{background:#11283a;border:1px solid #28516b;border-radius:12px;padding:12px;margin:15px 0;color:#dff7ff}.alert.error{border-color:#71323a;background:#32161b;color:#ffc4ca}.alert.success{border-color:#28654f;background:#0c3026;color:#baffdf}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:25px}.auth-card{width:min(430px,100%);background:#0c1b2c;border:1px solid #24435d;border-radius:20px;padding:25px}.auth-card h1{margin:15px 0}.pay-page{min-height:100vh;display:grid;place-items:center;padding:25px}.pay-card{width:min(850px,100%);background:#0c1b2c;border:1px solid #24435d;border-radius:20px;padding:25px}.pay-grid{display:grid;grid-template-columns:320px 1fr;gap:25px;align-items:center}.pay-grid img{width:100%;background:#fff;padding:12px;border-radius:14px}.pay-row{display:flex;flex-direction:column;border-bottom:1px solid #1a364f;padding:10px 0}.pay-row span{color:#8fa9bf;font-size:12px}.pay-row b{font-size:22px}.pay-row.important b{color:#55dcff}.simple-card{width:min(620px,calc(100% - 30px));margin:60px auto;background:#0c1b2c;border:1px solid #24435d;border-radius:18px;padding:25px}.simple-card.wide{width:min(850px,calc(100% - 30px))}.dash{padding:34px 0}.customer-head{display:flex;justify-content:space-between;gap:20px;align-items:center}.customer-head h1{font-size:40px;margin:4px 0}.cid{background:#0c1b2c;border:1px solid #254b68;border-radius:14px;padding:15px 20px;display:flex;flex-direction:column}.cid span{font-size:11px;color:#8fa9bf}.cid b{font-size:20px;color:#42d8ff}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stats div{background:#0c1b2c;border:1px solid #193650;border-radius:14px;padding:16px;display:flex;flex-direction:column}.stats span{font-size:11px;color:#8fa9bf}.stats b{font-size:28px}.tabs{position:sticky;top:82px;z-index:20;background:#07111f;padding:10px 0;display:flex;gap:8px}.tabs a{background:#0c1b2c;border:1px solid #193650;border-radius:9px;padding:9px 12px;color:#d7e7f5;font-weight:800}.panel{margin:16px 0 30px}.panel-title{display:flex;justify-content:space-between;gap:15px;align-items:center}.panel-title h2{font-size:28px;margin:5px 0}.empty{padding:24px;text-align:center;color:#819aaf;border:1px dashed #26475f;border-radius:13px}.vps-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vps-top{display:flex;justify-content:space-between;gap:15px}.vps-top h3{font-size:24px;margin:10px 0 4px}.status{display:inline-flex;align-items:center;height:max-content;border-radius:999px;padding:6px 9px;background:#1d3144;font-size:11px;font-weight:900}.status.ok{background:#0f3b2d;color:#79e8b9}.status.bad{background:#431d23;color:#ff9aa5}.status.warn{background:#473814;color:#ffd66b}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.info-grid div{background:#071421;border:1px solid #193650;border-radius:10px;padding:10px;display:flex;flex-direction:column}.info-grid span,.kv span{font-size:10px;color:#879fb5}.info-grid b{font-size:12px;overflow-wrap:anywhere}.vps-box details{background:#071421;border:1px solid #193650;border-radius:10px;margin:10px 0}.vps-box summary{padding:10px;cursor:pointer;font-weight:800}.secret{padding:10px;border-top:1px solid #193650;display:flex;justify-content:space-between}.vps-actions{margin-top:12px}.bundled-tool{margin-top:15px;border-top:1px solid #25445e;padding-top:15px}.bundled-tool form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}.wait{color:#ffd66b}.tool-list,.orders{display:grid;gap:10px}.tool-box{display:grid;grid-template-columns:1fr auto auto;gap:25px;align-items:center}.tool-box p{margin:5px 0;color:#8fa9bf}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.support-box{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:15px;background:#071421;border:1px solid #193650;border-radius:12px;padding:13px}.support-box div{display:flex;flex-direction:column}.support-box span{font-size:12px;color:#8fa9bf}.order-row{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:15px;align-items:center;background:#071421;border:1px solid #193650;border-radius:12px;padding:14px}.order-row h3{margin:7px 0 3px}.order-row>div{display:flex;flex-direction:column}.order-row span,.order-row small{color:#8fa9bf}.admin-layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.admin-layout aside{position:sticky;top:0;height:100vh;background:#081522;border-right:1px solid #193650;padding:20px 12px;display:flex;flex-direction:column;gap:7px}.admin-layout aside .logo{padding:10px;margin-bottom:10px}.admin-layout aside>a:not(.logo){display:flex;justify-content:space-between;color:#b9cddd;padding:10px 12px;border-radius:9px}.admin-layout aside>a.on,.admin-layout aside>a:hover{background:#10263a;color:white}.admin-main{padding:28px;min-width:0}.admin-head h1{margin:5px 0 15px}.admin-orders{display:grid;gap:9px}.admin-order{display:grid;grid-template-columns:1.4fr .8fr .6fr;gap:15px;align-items:center;background:#071421;border:1px solid #193650;border-radius:12px;padding:14px;color:white}.admin-order:hover{border-color:#3e779c}.admin-order.static{cursor:default}.admin-order h3{margin:7px 0 3px}.admin-order>div{display:flex;flex-direction:column}.admin-order small,.admin-order span{color:#8fa9bf}.table{display:grid;gap:6px}.tr{display:grid;grid-template-columns:1.1fr 1fr 1.2fr 1.2fr .7fr;gap:10px;background:#071421;border:1px solid #193650;border-radius:10px;padding:10px;align-items:center}.order-detail-head{display:flex;justify-content:space-between;align-items:center}.order-detail-head h1{margin:8px 0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.kv{display:grid;grid-template-columns:150px 1fr;gap:10px}.kv b{overflow-wrap:anywhere}.action-panel h2{margin-top:0}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.form-grid label{margin:5px 0}code{background:#06101a;padding:3px 6px;border-radius:6px}
@media(max-width:900px){.hero-grid,.pay-grid,.detail-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(3,1fr)}.vps-list{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-layout aside{position:relative;height:auto;display:grid;grid-template-columns:repeat(2,1fr)}.admin-main{padding:15px}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nav nav{display:none}.cards,.tool-cards,.steps,.stats,.info-grid,.form-grid{grid-template-columns:1fr}.hero{padding-top:40px}.hero h1{font-size:42px}.customer-head,.panel-title,.support-box,.order-detail-head{align-items:flex-start;flex-direction:column}.order-row,.admin-order,.tool-box,.tr{grid-template-columns:1fr}.bundled-tool form{grid-template-columns:1fr}.tabs{overflow:auto}.admin-layout aside{grid-template-columns:1fr 1fr}.admin-main{padding:10px}.pay-grid{grid-template-columns:1fr}}
.info-note{font-size:12px;color:#c8e9f5}
.pending-tools{display:grid;gap:12px;margin-bottom:14px}
.pending-tool-card{background:#071421;border:1px solid #29506d;border-radius:14px;padding:16px}
.pending-tool-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.pending-tool-head h3{margin:8px 0 3px}
.pending-tool-head small{color:#8fa9bf}
.tool-flow-note{display:flex;flex-direction:column;gap:5px;background:#0c2133;border:1px solid #244b67;border-radius:10px;padding:11px;margin:12px 0}
.tool-flow-note span,.tool-flow-note small{color:#9eb7ca}
.success-note{border-color:#28654f;background:#0c3026}
.tool-hwid-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
@media(max-width:620px){.pending-tool-head{flex-direction:column}.tool-hwid-form{grid-template-columns:1fr}}

.wallet-pill{display:inline-flex;align-items:center;border:1px solid #28516b;background:#0a2436;color:#6ce0ff;border-radius:999px;padding:9px 12px;font-weight:900;font-size:12px}
.balance-line b{color:#68e0ff}
.info-note{font-size:12px;color:#c8e9f5}
.topup-link{margin-top:8px}
.wallet-page{padding:34px 0}
.wallet-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0d2439,#0b1b2c);border:1px solid #244963;border-radius:20px;padding:24px;margin-bottom:18px}
.wallet-hero h1{font-size:45px;margin:5px 0;color:#63ddff}
.wallet-hero p{margin:0;color:#8fa9bf}
.wallet-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quick-money{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}
.quick-money button{border:1px solid #28516b;background:#0a2336;color:#dff7ff;border-radius:9px;padding:9px;cursor:pointer;font-weight:850}
.quick-money button:hover{border-color:#42d8ff}
.mini-list,.wallet-history{display:grid;gap:7px}
.mini-list>div,.wallet-history>div{display:flex;justify-content:space-between;gap:15px;background:#071421;border:1px solid #193650;border-radius:9px;padding:10px}
.mini-list span,.mini-list b,.wallet-history span,.wallet-history b{display:flex;flex-direction:column}
.mini-list small,.wallet-history small{font-weight:500;color:#809bb0;margin-top:3px}
.wallet-history .plus{color:#75e8b7;text-align:right}.wallet-history .minus{color:#ff9ba6;text-align:right}

/* Tabs thật: chỉ 1 mục được hiển thị */
.real-tabs{display:flex;gap:8px;position:sticky;top:82px;z-index:20;background:#07111f;padding:10px 0;margin:8px 0 4px}
.account-tab{border:1px solid #23445e;background:#0b1c2e;color:#b5c8d8;border-radius:10px;padding:10px 14px;font-weight:900;cursor:pointer}
.account-tab:hover{border-color:#3a759b;color:#fff}
.account-tab.active{background:#16bce7;border-color:#32cff5;color:#00141b}
.account-pane{display:none!important}
.account-pane.active{display:block!important}
.tool-entitlements{display:grid;gap:12px}
.tool-license-card{background:#071421;border:1px solid #24465f;border-radius:14px;padding:16px}
.tool-license-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.tool-license-head h3{margin:8px 0 4px}
.tool-auto-flow{display:flex;flex-direction:column;gap:5px;border:1px solid #28516b;background:#0b2234;border-radius:10px;padding:11px;margin:12px 0}
.tool-auto-flow span{color:#9fb9cd}
.tool-hwid-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
@media(max-width:700px){.wallet-grid{grid-template-columns:1fr}.quick-money{grid-template-columns:1fr 1fr}.wallet-hero{align-items:flex-start;flex-direction:column}.real-tabs{overflow:auto}.tool-hwid-form{grid-template-columns:1fr}.tool-license-head{flex-direction:column}}

.license-rule{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #28516b;background:#081b2a;border-radius:12px;padding:12px;margin:10px 0 16px}
.license-rule>span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#64ddff;font-weight:900}
.license-rule small{width:100%;color:#8fa9bf}
.hwid-change-box{border:1px solid #2b5874;background:#0a2031;border-radius:12px;padding:12px;margin-top:12px}
.hwid-change-box>div{display:flex;flex-direction:column;gap:3px;margin-bottom:8px}
.hwid-change-box span{color:#91abc0;font-size:12px}
.license-format-preview{margin-top:10px;background:#06111c;border:1px solid #18384f;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}
.license-format-preview code{overflow-wrap:anywhere;color:#bdeeff}
.warn-box{border-color:#67551d;background:#332b11;color:#ffe49a}
.cleanup-explain{line-height:1.7;color:#b8ccdc}

.trial-section{padding-top:55px}
.trial-card{position:relative;border-color:#5d4c1d;background:linear-gradient(180deg,#171d24,#0c1b2c)}
.trial-badge,.trial-inline{display:inline-flex;align-items:center;border:1px solid #8a7229;background:#372e10;color:#ffe27a;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:1000;letter-spacing:.5px}
.trial-inline{margin-left:6px}
.trial-vps-title{margin-top:42px}
.trial-vps-table{border:1px solid #27465f;border-radius:16px;overflow:hidden;background:#0b1929}
.trial-vps-head,.trial-vps-row{display:grid;grid-template-columns:1.1fr repeat(3,1fr)}
.trial-vps-head{background:#0e263a;color:#8fa9bf;font-size:11px;font-weight:900;letter-spacing:.6px}
.trial-vps-head span{padding:12px;border-right:1px solid #1d4059}
.trial-vps-row{border-top:1px solid #1d4059}
.trial-spec,.trial-offer{padding:14px;border-right:1px solid #1d4059;display:flex;flex-direction:column;gap:5px;justify-content:center}
.trial-spec small,.trial-offer small{color:#89a4b9}
.trial-offer b{font-size:20px}
.trial-offer .btn{margin-top:5px}
.trial-warning{margin-top:12px;border:1px solid #785f1a;background:#30280f;color:#ffe591;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:4px}
.no-renew-badge{display:inline-flex;align-items:center;border:1px solid #7a3039;background:#32161b;color:#ffb8c0;border-radius:9px;padding:9px 11px;font-size:11px;font-weight:1000}
@media(max-width:700px){
  .trial-vps-table{overflow-x:auto}
  .trial-vps-head,.trial-vps-row{min-width:650px}
}

.proxy-shop{padding:38px 0}
.proxy-shop h1{font-size:40px;margin:7px 0}
.proxy-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.proxy-product{background:#0c1b2c;border:1px solid #1d4662;border-radius:18px;padding:18px}
.proxy-product h2{font-size:25px;margin:12px 0 4px}
.proxy-product p{color:#8fa9bf;min-height:24px}
.proxy-unit-price{font-size:24px;font-weight:1000;color:#68ddff;margin:14px 0}
.proxy-unit-price small{font-size:11px;color:#8fa9bf}
.proxy-unit-price.unavailable{color:#ffcf72}
.proxy-buy-form label{margin:9px 0}
.proxy-note{margin:18px 0;background:#081b2b;border:1px solid #244d69;border-radius:12px;padding:13px;display:flex;flex-direction:column;gap:4px}
.proxy-note span{color:#9db6ca}
.proxy-account-list{display:grid;gap:14px}
.proxy-account-card{background:#071421;border:1px solid #244760;border-radius:15px;padding:16px}
.proxy-account-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.proxy-account-head h3{margin:8px 0 3px}
.proxy-lines{margin-top:12px;border:1px solid #21435b;border-radius:10px;overflow:hidden}
.proxy-lines-title{display:flex;justify-content:space-between;gap:12px;background:#0d2234;padding:9px 11px}
.proxy-lines-title span{font-size:11px;color:#8da6b9}
.proxy-lines pre{margin:0;padding:12px;background:#06121e;color:#cceeff;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.proxy-price-admin{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:850px){.proxy-products{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.proxy-products,.proxy-price-admin{grid-template-columns:1fr}.proxy-account-head{flex-direction:column}}

.payment-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}
.pay-option{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:center;margin:0!important;border:1px solid #264a65;background:#071522;border-radius:11px;padding:11px;cursor:pointer}
.pay-option input{width:auto;margin:0;accent-color:#2cc8ef}
.pay-option span{display:flex;flex-direction:column;gap:2px}
.pay-option small{color:#809bae;font-weight:500}
.pay-option:has(input:checked){border-color:#36ccee;background:#0b2638}
.compact-pay-choice{grid-template-columns:1fr}
@media(max-width:620px){.payment-choice{grid-template-columns:1fr}}

/* V14 - trial first + polished trial cards */
.trial-first-section{
  padding-top:42px;
  padding-bottom:54px;
  background:linear-gradient(180deg,rgba(30,75,108,.09),transparent);
}
.trial-hero-title{
  border:1px solid #244d69;
  background:linear-gradient(135deg,#0d263c,#0a1929);
  border-radius:20px;
  padding:22px;
  margin-bottom:20px;
}
.trial-hero-title h2{font-size:34px;margin:6px 0 8px}
.trial-hero-title p{color:#a8bfd1;margin:0}
.trial-config-groups{display:grid;gap:20px}
.trial-config-block{
  border:1px solid #22445d;
  background:#091827;
  border-radius:20px;
  padding:18px;
}
.trial-config-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  margin-bottom:13px;
}
.trial-config-heading h3{
  margin:7px 0 0;
  font-size:27px;
}
.trial-plan-cards{grid-template-columns:repeat(3,1fr)}
.trial-price-card{
  position:relative;
  overflow:hidden;
  border-color:#2c5875;
  background:linear-gradient(180deg,#0d2335,#0a1928);
}
.trial-price-card:before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:3px;
  background:linear-gradient(90deg,#1fc4ee,#70e2ff);
}
.trial-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.trial-days{
  display:inline-flex;
  align-items:center;
  border:1px solid #2b5874;
  background:#071a29;
  color:#aeeeff;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:1000;
}
.trial-price-card .price{
  font-size:30px;
  margin:17px 0 12px;
}
.trial-meta{
  display:grid;
  gap:5px;
  color:#94aec2;
  font-size:12px;
  margin-bottom:14px;
}
.trial-meta span{
  display:flex;
  justify-content:space-between;
  padding:7px 9px;
  background:#071522;
  border:1px solid #18384f;
  border-radius:8px;
}
.trial-tool-title{
  margin-top:45px;
}
.trial-tool-cards{
  grid-template-columns:repeat(3,1fr);
}
.proxy-fixed-price-list{display:grid;gap:8px}
.proxy-fixed-price-list>div{
  display:flex;
  justify-content:space-between;
  gap:15px;
  padding:12px;
  border:1px solid #244760;
  background:#071522;
  border-radius:10px;
}
.proxy-fixed-price-list b{color:#69dfff}
@media(max-width:850px){
  .trial-plan-cards,.trial-tool-cards{grid-template-columns:1fr}
  .trial-config-heading{align-items:flex-start;flex-direction:column}
}

/* V15 - Trial UI gọn, bỏ toàn bộ nhãn lặp */
.trial-simple-title{
  margin:0 0 20px;
  padding:0;
}
.trial-simple-title h2{
  margin:0;
  font-size:34px;
  letter-spacing:-.7px;
}
.clean-trial-block{
  padding:18px;
}
.clean-trial-heading{
  margin-bottom:13px;
}
.clean-trial-heading h3{
  margin:0;
  font-size:28px;
}
.clean-trial-card .trial-card-top{
  justify-content:flex-end;
}
.clean-trial-card .trial-days{
  background:#092133;
  border-color:#28516c;
  color:#8fe7ff;
}
.clean-trial-card h3{
  margin:15px 0 6px;
}
.clean-trial-card .price{
  margin:16px 0 14px;
}
.clean-trial-meta{
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.clean-trial-meta span{
  justify-content:center;
  text-align:center;
}
.trial-tool-title{
  margin-top:42px;
}
.trial-tool-title h2{
  margin:0;
  font-size:30px;
}
@media(max-width:700px){
  .trial-simple-title h2{font-size:28px}
  .clean-trial-meta{grid-template-columns:1fr}
}

/* V17 - section borders */
.section-box{
  border:1px solid #21455e;
  border-radius:24px;
  padding:28px;
  background:linear-gradient(180deg,rgba(8,24,40,.88),rgba(6,18,31,.95));
  margin-bottom:28px;
  box-shadow:0 14px 40px rgba(0,0,0,.18);
}
.section-trial-box{
  border-color:#27506a;
}
.section-renew-box{
  border-color:#32566b;
}
.section-vps-box{
  border-color:#285479;
}
.section-tool-box{
  border-color:#4e3e73;
}
.renew-groups{
  display:grid;
  gap:18px;
}
.renew-block{
  border:1px solid #203f57;
  border-radius:18px;
  padding:16px;
  background:#081725;
}
.renew-block-head{
  margin-bottom:12px;
}
.renew-block-head h3{
  margin:0;
  font-size:27px;
}
.renew-cards{
  grid-template-columns:repeat(4,1fr);
}
.renew-card{
  position:relative;
  border-color:#2b5f73;
  background:linear-gradient(180deg,#0c2434,#081725);
}
.renew-pill{
  display:inline-flex;
  align-items:center;
  border:1px solid #397089;
  background:#0a2435;
  color:#9feeff;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:1000;
  letter-spacing:.4px;
}
.renew-choice-list{
  display:grid;
  gap:7px;
  margin-top:12px;
}
.renew-buttons-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
  width:100%;
}
.renew-btn{
  text-align:center;
  font-size:12px;
  padding:10px 8px;
}
@media(max-width:1000px){
  .renew-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .section-box{padding:18px}
  .renew-cards,.renew-buttons-grid{grid-template-columns:1fr}
}

/* V19 - Proxy tự tính hạn từ lúc QTV xác nhận */
.auto-expiry-note{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin:14px 0;
  padding:12px 14px;
  border:1px solid #28516b;
  background:#081d2d;
  border-radius:11px;
}
.auto-expiry-note b{color:#65dfff}
.auto-expiry-note span{color:#9cb5c9;font-size:12px;line-height:1.5}

/* V20 - Bảng License hàng/cột rõ ràng */
.license-overview{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:0 0 20px;
}
.license-overview>div{
  display:flex;
  flex-direction:column;
  gap:4px;
  background:#0c1b2c;
  border:1px solid #193650;
  border-radius:14px;
  padding:15px;
}
.license-overview span{
  color:#89a3b8;
  font-size:11px;
}
.license-overview b{
  font-size:26px;
}

.license-list-panel{
  padding:20px;
}
.license-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid #234861;
  border-radius:12px;
  background:#071522;
}
.license-table{
  width:100%;
  min-width:1250px;
  border-collapse:collapse;
  table-layout:fixed;
}
.license-table thead th{
  position:sticky;
  top:0;
  z-index:2;
  background:#10283b;
  color:#8fe6ff;
  font-size:11px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.45px;
  padding:12px 10px;
  text-align:left;
  border-bottom:1px solid #2b5873;
  border-right:1px solid #1d4058;
  white-space:nowrap;
}
.license-table tbody td{
  padding:11px 10px;
  border-bottom:1px solid #17364d;
  border-right:1px solid #143149;
  vertical-align:middle;
  font-size:12px;
  color:#dcebf6;
}
.license-table tbody tr:nth-child(even){
  background:#091a2a;
}
.license-table tbody tr:hover{
  background:#0d2538;
}
.license-table .col-stt{
  width:58px;
  text-align:center;
  color:#7f9db3;
}
.license-table .col-name{
  width:180px;
}
.license-table .col-name b{
  color:#6ee2ff;
  font-size:13px;
}
.license-table .col-date{
  width:170px;
  white-space:nowrap;
}
.license-table .col-days{
  width:85px;
  text-align:center;
}
.license-table .col-hwid{
  width:450px;
}
.license-table .col-hwid code{
  display:block;
  width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  background:#05111c;
  border:1px solid #17364c;
  color:#d4f4ff;
  padding:7px 8px;
  border-radius:7px;
  font-family:ui-monospace,SFMono-Regular,Consolas,monospace;
  font-size:11px;
}
.license-table .col-remain{
  width:100px;
}
.license-table .col-status{
  width:110px;
}
.license-table .row-warning{
  background:rgba(103,81,15,.18);
}
.license-table .row-expired{
  background:rgba(91,22,30,.22);
}
.license-table .row-format-error{
  background:rgba(101,26,34,.22);
}
.license-table-help{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:12px;
  color:#8da8bb;
  font-size:11px;
}
.license-table-help span{
  padding:6px 9px;
  border:1px solid #1e4059;
  border-radius:999px;
  background:#081827;
}
@media(max-width:700px){
  .license-overview{grid-template-columns:1fr}
}

/* V21 - cân lại độ rộng bảng License */
.license-table{
  min-width:1350px;
}
.license-table thead th:nth-child(1),
.license-table tbody td:nth-child(1){
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
  text-align:center;
}
.license-table thead th:nth-child(5),
.license-table tbody td:nth-child(5){
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
  text-align:center;
}
.license-table thead th:nth-child(6),
.license-table tbody td:nth-child(6){
  width:540px !important;
  min-width:540px !important;
}
.license-table .col-stt{
  width:42px !important;
  min-width:42px !important;
  max-width:42px !important;
}
.license-table .col-days{
  width:64px !important;
  min-width:64px !important;
  max-width:64px !important;
}
.license-table .col-hwid{
  width:540px !important;
  min-width:540px !important;
}
.license-table .col-hwid code{
  font-size:11px;
}

/* V22 - Proxy editable prices */
.proxy-price-admin label{
  background:#071522;
  border:1px solid #23465f;
  border-radius:12px;
  padding:12px;
  margin:0;
}
.proxy-price-admin label span{
  font-weight:900;
  color:#dff5ff;
  margin-bottom:6px;
}
.proxy-price-admin label small{
  color:#7f9daf;
  margin-top:5px;
}

/* V24 - phiên QTV giữ độc lập với tài khoản khách */
.admin-online-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid #236d53;
  background:#0b3026;
  color:#7ff0bd;
  border-radius:999px;
  padding:8px 11px;
  font-size:10px;
  font-weight:1000;
  white-space:nowrap;
}
.admin-online-badge:hover{
  border-color:#42b589;
  color:#b4ffdc;
}
.admin-login-preserved{
  margin:10px 0 14px;
  padding:9px 10px;
  border:1px solid #236d53;
  background:#0b3026;
  color:#8ff1c2;
  border-radius:9px;
  font-size:12px;
}
.admin-login-preserved a{font-weight:900;color:#b9ffe0}

/* V25 - quản lý tài khoản khách */
.customer-admin-table-wrap{
  width:100%;
  overflow-x:auto;
  border:1px solid #1f4159;
  border-radius:12px;
}
.customer-admin-table{
  width:100%;
  min-width:1100px;
  border-collapse:collapse;
}
.customer-admin-table th{
  background:#10283b;
  color:#8fe6ff;
  text-align:left;
  padding:11px 10px;
  font-size:11px;
  text-transform:uppercase;
  border-right:1px solid #1c4159;
  border-bottom:1px solid #28536c;
}
.customer-admin-table td{
  padding:11px 10px;
  border-right:1px solid #16364c;
  border-bottom:1px solid #16364c;
  vertical-align:middle;
}
.customer-admin-table tbody tr:nth-child(even){background:#081827}
.customer-admin-table tbody tr:hover{background:#0c2233}
.customer-id-cell{color:#65ddff}
.password-hash-state{
  display:inline-flex;
  padding:5px 8px;
  border:1px solid #37516a;
  border-radius:999px;
  color:#9ab1c2;
  font-size:10px;
  font-weight:900;
}
.customer-manage-btn{
  padding:8px 12px;
  font-size:11px;
}
.customer-admin-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:20px;
}
.customer-admin-head h1{margin-bottom:5px}
.customer-admin-head p{margin:0;color:#8fa8bc}
.customer-admin-stats{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:10px;
  margin-bottom:18px;
}
.customer-admin-stats>div{
  background:#0c1b2c;
  border:1px solid #1f4159;
  border-radius:14px;
  padding:14px;
  display:flex;
  flex-direction:column;
  gap:4px;
}
.customer-admin-stats span{font-size:11px;color:#86a0b5}
.customer-admin-stats b{font-size:23px}
.customer-admin-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.customer-balance-panel{grid-column:1/-1}
.customer-detail-kv{
  display:grid;
  gap:0;
  border:1px solid #1a3a51;
  border-radius:10px;
  overflow:hidden;
}
.customer-detail-kv>div{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:10px;
  padding:11px 12px;
  border-bottom:1px solid #17354a;
}
.customer-detail-kv>div:last-child{border-bottom:0}
.customer-detail-kv span{color:#829db1}
.secure-value{color:#ffcf75}
.admin-inline-action{margin-top:14px}
.customer-action-form{display:grid;gap:10px}
.customer-balance-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
}
@media(max-width:900px){
  .customer-admin-stats{grid-template-columns:1fr 1fr}
  .customer-admin-grid{grid-template-columns:1fr}
  .customer-balance-panel{grid-column:auto}
}
@media(max-width:620px){
  .customer-admin-head{flex-direction:column}
  .customer-admin-stats{grid-template-columns:1fr}
  .customer-detail-kv>div{grid-template-columns:1fr}
  .customer-balance-actions{grid-template-columns:1fr}
}

/* V27 - chọn chu kỳ ngay trong card VPS IP chung */
.vps-cycle-cards{
  grid-template-columns:repeat(3,1fr);
}
.vps-cycle-card{
  display:flex;
  flex-direction:column;
}
.cycle-control{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:6px;
  margin:13px 0 6px;
}
.cycle-option{
  border:1px solid #28516b;
  background:#071827;
  color:#a8c2d5;
  border-radius:9px;
  padding:9px 6px;
  cursor:pointer;
  font-weight:900;
  font-size:11px;
}
.cycle-option:hover{
  border-color:#43cdec;
  color:#fff;
}
.cycle-option.active{
  background:#18bce5;
  border-color:#39d2f5;
  color:#00151d;
}
.cycle-selected-note{
  color:#8faabd;
  font-size:12px;
  margin:-2px 0 13px;
}
.ip-private-title{
  margin-top:42px;
}
.single-renew{
  grid-template-columns:1fr !important;
}
@media(max-width:950px){
  .vps-cycle-cards{grid-template-columns:1fr}
}
@media(max-width:520px){
  .cycle-control{grid-template-columns:1fr 1fr}
}

/* V29 - VPS dùng thử gộp 1 card / cấu hình giống IP chung */
.trial-compact-cards{
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.trial-cycle-card{
  display:flex;
  flex-direction:column;
}
.trial-cycle-card h3{
  margin:13px 0 5px;
}
.trial-cycle-card p{
  min-height:42px;
}
.trial-cycle-control{
  grid-template-columns:repeat(3,1fr);
}
.trial-no-renew-note{
  display:flex;
  flex-direction:column;
  gap:4px;
  margin-top:14px;
  padding:12px 14px;
  border:1px solid #5c4b1e;
  background:#241f0f;
  border-radius:11px;
  color:#ffe394;
}
.trial-no-renew-note span{
  color:#c9b97f;
  font-size:12px;
}
@media(max-width:1100px){
  .trial-compact-cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
  .trial-compact-cards{grid-template-columns:1fr}
}

/* V30 - QR mời ly cafe */
.hero-coffee-card strong{display:block;font-size:12px;letter-spacing:.12em;color:#37d7ff;margin-bottom:10px}
.hero-coffee-card small b{color:#ffffff}

/* V31 - danh sách chức năng Tool ngay đầu trang */
.hero-tool-features{
  margin:20px 0 18px;
  padding:15px;
  border:1px solid #23506d;
  background:rgba(6,22,36,.72);
  border-radius:15px;
}
.hero-tool-features-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:11px;
}
.hero-tool-features-head .eyebrow{
  margin:0;
}
.hero-tool-features-head b{
  color:#e9f8ff;
  font-size:13px;
}
.hero-feature-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.hero-feature-chips span{
  display:inline-flex;
  align-items:center;
  min-height:29px;
  padding:6px 10px;
  border:1px solid #214b66;
  border-radius:999px;
  background:#081b2b;
  color:#b7d0e1;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
}
.hero-feature-chips span:last-child{
  color:#67defc;
  border-color:#2a6e89;
}
@media(max-width:700px){
  .hero-tool-features-head{
    align-items:flex-start;
    flex-direction:column;
  }
}

/* V32 - slideshow ảnh tính năng Tool */
.tool-gallery-section{
  margin-top:34px;
  margin-bottom:34px;
  padding:26px;
  border:1px solid #244c67;
  border-radius:22px;
  background:#081725;
}
.tool-gallery-title{
  margin-bottom:16px;
}
.tool-gallery-shell{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center;
  gap:10px;
}
.tool-gallery-stage{
  position:relative;
  min-height:560px;
  border:1px solid #26506a;
  border-radius:16px;
  background:#06121e;
  overflow:hidden;
}
.tool-gallery-slide{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:translateX(22px);
  pointer-events:none;
  transition:opacity .35s ease,transform .35s ease;
  display:flex;
  flex-direction:column;
}
.tool-gallery-slide.active{
  opacity:1;
  transform:translateX(0);
  pointer-events:auto;
}
.tool-gallery-slide img{
  flex:1;
  width:100%;
  height:510px;
  object-fit:contain;
  background:#06121e;
  cursor:zoom-in;
}
.tool-gallery-slide figcaption{
  padding:12px 14px;
  text-align:center;
  color:#d9f5ff;
  font-weight:900;
  border-top:1px solid #1e4158;
  background:#0b1e2d;
}
.tool-gallery-nav{
  width:46px;
  height:64px;
  border:1px solid #2d617e;
  border-radius:12px;
  background:#0b2233;
  color:#7ee8ff;
  font-size:34px;
  cursor:pointer;
}
.tool-gallery-nav:hover{
  background:#113149;
  color:#fff;
}
.tool-gallery-dots{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:7px;
  margin-top:14px;
}
.tool-gallery-dot{
  width:9px;
  height:9px;
  border:0;
  border-radius:50%;
  background:#355267;
  padding:0;
  cursor:pointer;
}
.tool-gallery-dot.active{
  width:22px;
  border-radius:999px;
  background:#31d2f4;
}
.tool-gallery-count{
  text-align:center;
  margin-top:9px;
  color:#8faabd;
  font-size:12px;
}
.tool-gallery-lightbox{
  position:fixed;
  inset:0;
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}
.tool-gallery-lightbox.open{
  display:flex;
}
.tool-gallery-lightbox-bg{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.86);
}
.tool-gallery-lightbox-box{
  position:relative;
  z-index:1;
  width:min(1280px,95vw);
  max-height:92vh;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.tool-gallery-lightbox-box img{
  max-width:100%;
  max-height:82vh;
  object-fit:contain;
  background:#fff;
  border-radius:12px;
}
.tool-gallery-lightbox-box>div:last-child{
  color:#fff;
  font-weight:900;
  margin-top:10px;
}
.tool-gallery-lightbox-close{
  position:absolute;
  top:-18px;
  right:-10px;
  z-index:2;
  width:42px;
  height:42px;
  border:0;
  border-radius:50%;
  background:#ef4d5b;
  color:#fff;
  font-size:27px;
  cursor:pointer;
}
@media(max-width:800px){
  .tool-gallery-section{padding:16px}
  .tool-gallery-shell{grid-template-columns:1fr}
  .tool-gallery-nav{
    position:absolute;
    z-index:3;
    top:45%;
    width:42px;
    height:56px;
  }
  .tool-gallery-nav.prev{left:8px}
  .tool-gallery-nav.next{right:8px}
  .tool-gallery-stage{min-height:430px}
  .tool-gallery-slide img{height:380px}
}

/* V33 - tách từng khu mua hàng thành trang riêng */
.shop-page-main{padding:30px 0 50px;min-height:70vh}
.shop-page-heading{margin-bottom:18px}
.shop-page-heading h1{font-size:42px;margin:5px 0 7px}
.shop-page-heading p{margin:0;color:#91adbf}
.tool-pc-only{
  display:flex;justify-content:space-between;gap:14px;align-items:center;
  margin-bottom:20px;padding:15px 18px;border:1px solid #2d718c;
  border-radius:14px;background:#082638;
}
.tool-pc-only b{color:#65e1ff;font-size:18px}
.tool-pc-only span{color:#a9c3d5;font-size:12px}
@media(max-width:700px){
  .shop-page-heading h1{font-size:32px}
  .tool-pc-only{align-items:flex-start;flex-direction:column}
}

/* V36 - public UI tuyệt đối không được lộ trạng thái/quyền Admin */
.admin-online-badge{
  display:none !important;
}

/* V37 - mục đặc quyền chỉ render khi role=admin */
.admin-manage-link{
  color:#66f0b4 !important;
  border:1px solid #247a57;
  background:#082d21;
  border-radius:10px;
  padding:8px 11px !important;
  font-weight:900;
  letter-spacing:.25px;
}
.admin-manage-link:hover{
  background:#0c4934;
  border-color:#40c98d;
  color:#fff !important;
}
.admin-public-logout{
  border-color:#31536b !important;
}

/* ============================================================
   V38 - MOBILE RESPONSIVE COMPLETE
   Hiện đầy đủ Trang chủ / Dùng thử / VPS / Tool / Proxy trên mobile
   ============================================================ */
html,body{max-width:100%;overflow-x:hidden}

@media(max-width:620px){
  .top{
    position:relative;
    top:auto;
    backdrop-filter:none;
  }

  .wrap{
    width:min(100% - 22px,1180px);
  }

  .nav{
    min-height:auto;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    padding:10px 0;
  }

  .nav .logo{
    order:1;
    width:100%;
    font-size:21px;
    line-height:1;
    padding:3px 0 5px;
  }

  /* Menu mua hàng KHÔNG được ẩn trên điện thoại */
  .nav nav{
    order:2;
    display:flex !important;
    width:100%;
    gap:7px;
    margin:0;
    padding:3px 0 7px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .nav nav::-webkit-scrollbar{display:none}

  .nav nav a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    min-height:38px;
    padding:8px 11px;
    border:1px solid #244862;
    border-radius:10px;
    background:#0b1d2f;
    color:#d9eaf7;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
  }

  .nav nav a:active{
    border-color:#42d8ff;
    background:#0c2a40;
    color:#fff;
  }

  .nav nav .admin-manage-link{
    border-color:#277957;
    background:#0c3327;
    color:#8ff0c5;
  }

  .nav-actions{
    order:3;
    width:100%;
    margin:0;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(88px,1fr));
    gap:7px;
  }

  .nav-actions .btn,
  .nav-actions .wallet-pill{
    width:100%;
    min-width:0;
    min-height:40px;
    justify-content:center;
    text-align:center;
    padding:8px 7px;
    border-radius:10px;
    font-size:12px;
    line-height:1.25;
    white-space:normal;
  }

  .hero{
    padding:34px 0 30px;
  }

  .hero-grid{
    grid-template-columns:1fr;
    gap:22px;
  }

  .hero h1{
    font-size:clamp(34px,10.5vw,43px);
    line-height:1.07;
    letter-spacing:-1.5px;
    margin:10px 0 15px;
  }

  .hero p{
    font-size:15px;
    line-height:1.65;
  }

  .hero-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:18px;
  }

  .hero-actions .btn{
    width:100%;
    padding:11px 8px;
  }

  .hero-tool-features{
    margin:16px 0 14px;
    padding:13px;
  }

  .hero-tool-features-head{
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
  }

  .hero-feature-chips{
    gap:6px;
  }

  .hero-feature-chips span{
    min-height:28px;
    padding:6px 9px;
    font-size:10.5px;
  }

  .hero-card{
    width:min(100%,330px);
    margin:0 auto;
    padding:14px;
    border-radius:18px;
  }

  .hero-card span{font-size:21px}
  .hero-card b{font-size:16px}

  .section-title h2,
  .shop-page-heading h1{
    font-size:30px;
    line-height:1.15;
  }

  .cards,
  .tool-cards,
  .steps,
  .stats,
  .info-grid,
  .form-grid,
  .proxy-products,
  .proxy-price-admin,
  .vps-list,
  .wallet-grid,
  .detail-grid,
  .pay-grid{
    grid-template-columns:1fr !important;
  }

  .price-card,
  .panel,
  .vps-box,
  .tool-box{
    padding:16px;
  }

  .price-card h3{font-size:22px}
  .price{font-size:27px}

  .real-tabs,
  .tabs{
    position:relative;
    top:auto;
    overflow-x:auto;
    white-space:nowrap;
    scrollbar-width:none;
  }
  .real-tabs::-webkit-scrollbar,
  .tabs::-webkit-scrollbar{display:none}

  .customer-head,
  .panel-title,
  .support-box,
  .order-detail-head,
  .wallet-hero,
  .proxy-account-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .customer-head h1{font-size:34px}
  .cid{width:100%}

  .payment-choice,
  .quick-money{
    grid-template-columns:1fr 1fr;
  }

  .tool-gallery-section{
    padding:14px;
    margin-top:24px;
  }

  .tool-gallery-stage{
    min-height:360px;
  }

  .tool-gallery-slide img{
    height:310px;
  }

  .tool-gallery-nav{
    width:38px;
    height:50px;
    font-size:28px;
  }

  .tool-pc-only{
    flex-direction:column;
    align-items:flex-start;
    padding:13px;
  }

  .tool-pc-only b{font-size:16px}

  footer .wrap{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
  }
  footer a{margin-left:0}
}

@media(max-width:380px){
  .nav nav a{padding:8px 9px;font-size:11.5px}
  .nav-actions{grid-template-columns:repeat(2,1fr)}
  .hero h1{font-size:32px}
  .hero-actions{grid-template-columns:1fr}
  .payment-choice,.quick-money{grid-template-columns:1fr}
}


/* V39 - mobile hamburger menu */
.nav{position:relative}
.menu-toggle{display:none;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #274661;background:#0b1b2c;color:#ecf7ff;border-radius:10px;cursor:pointer;padding:0;flex-direction:column;gap:5px;flex:0 0 auto}
.menu-toggle span{display:block;width:18px;height:2px;background:#eef5ff;border-radius:99px}
.menu-backdrop{display:none}
@media(max-width:760px){
  .nav{min-height:64px;gap:10px;flex-wrap:nowrap}
  .menu-toggle{display:inline-flex}
  .logo{font-size:20px;white-space:nowrap}
  .nav nav{display:none;position:absolute;left:0;top:calc(100% + 8px);width:min(230px,calc(100vw - 24px));margin-right:0;padding:10px;background:#0b1b2c;border:1px solid #244761;border-radius:14px;box-shadow:0 18px 35px rgba(0,0,0,.38);z-index:45;gap:0}
  .nav nav a{display:block;padding:12px 12px;border-radius:10px;font-size:14px;color:#e6f2fb}
  .nav nav a+a{margin-top:4px}
  .nav nav a:hover{background:#10263a}
  .nav.mobile-open nav{display:flex;flex-direction:column}
  .nav-actions{gap:6px;margin-left:auto;flex-wrap:nowrap}
  .nav-actions .btn{padding:9px 10px;font-size:12px;border-radius:10px}
  .menu-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.28);z-index:40}
  .nav.mobile-open .menu-backdrop{display:block}
}
@media(max-width:620px){
  .nav nav{display:none}
  .nav-actions .btn{padding:8px 9px;font-size:12px;min-height:40px}
  .nav-actions{max-width:64vw;overflow-x:auto;scrollbar-width:none}
  .nav-actions::-webkit-scrollbar{display:none}
}
@media(max-width:430px){
  .nav{gap:8px}
  .logo{font-size:18px}
  .nav-actions .btn{padding:8px 8px;font-size:11px}
}