:root{--bg: #ffffff;--text: #0b1220;--muted: #5b667a;--border: rgba(11, 18, 32, .1);--soft: rgba(11, 18, 32, .05);--card: rgba(255, 255, 255, .7);--shadow: 0 10px 30px rgba(11, 18, 32, .08);--accent: #3b82f6;--accent2: #60a5fa;--radius: 18px;--container: 1100px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"}*{box-sizing:border-box}html,body{height:100%;width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font);color:var(--text);background:#eff3f8}a{color:inherit;text-decoration:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 20px}.page{min-height:100%;display:flex;flex-direction:column;overflow-x:clip}.dash{height:100vh;display:grid;grid-template-columns:260px 1fr;background:#ffffff8c;overflow:hidden}.dash-side{height:100vh;background:#ffffffeb;border-right:1px solid rgba(18,24,38,.1);padding:20px 16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.dash-brand{display:flex;align-items:center;gap:10px;padding:8px 10px}.dash-brand-link{color:inherit}.dash-brand-link:hover{opacity:.95}.dash-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:14px;overflow:hidden}.dash-name{font-weight:550;font-size:18px;letter-spacing:.2px;line-height:1.1;color:#26345a}.dash-nav{display:grid;gap:6px;padding:4px 6px;flex:1 1 auto;align-content:start;overflow-y:auto}.dash-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px;color:#121826b3;border:1px solid transparent;background:transparent;font-weight:550;font-size:14px}.dash-link:hover{background:#1218260a}.dash-link.active{color:#121826;background:#1218260f;border-color:#1218261a}.dash-ico{width:18px;height:18px;display:grid;place-items:center;color:#121826a6;flex:0 0 auto}.dash-ico svg{width:18px;height:18px;display:block}.dash-link.active .dash-ico{color:#121826db}.dash-bottom{border-top:1px solid rgba(18,24,38,.1);padding:14px 10px 6px;display:grid;gap:12px}.dash-mini{display:flex;align-items:center;gap:10px;min-width:0}.dash-mini-logo{width:32px;height:32px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#1218260a;border:1px solid rgba(18,24,38,.08);color:#121826b8}.dash-mini-logo svg{width:18px;height:18px;display:block}.dash-mini-title{font-weight:800;font-size:12px;color:#121826;line-height:1.1}.dash-mini-sub{font-size:12px;color:#1218268c;display:grid;gap:2px;line-height:1.2;max-width:180px}.ov-select{display:flex;align-items:center;justify-content:flex-end;min-width:240px}.ov-select-input{width:100%;border:1px solid rgba(18,24,38,.12);background:#ffffffeb;color:#121826d1;border-radius:14px;padding:10px 12px;font-weight:700;outline:none}.ov-select-input:focus{border-color:#3b82f659;box-shadow:0 0 0 4px #3b82f61a}.form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.form-col{min-width:0}.plan-list{margin-top:12px;display:grid;gap:10px}.plan-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;border-radius:14px;border:1px solid rgba(18,24,38,.1);background:#ffffffb3;cursor:pointer}.plan-item.selected{border-color:#3b82f63d;background:#3b82f60f}.plan-item input{margin-top:4px}.plan-title{font-weight:900;color:#121826}.plan-sub{margin-top:6px;color:#1218269e;font-size:13px}.plan-price{font-weight:900;color:#121826db;white-space:nowrap}.kv{margin-top:10px;display:grid;gap:10px}.kv-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:12px;background:#ffffffb3}.kv-k{font-size:12px;color:#1218268c;font-weight:800}.kv-v{color:#121826d6;font-weight:800;text-align:right}.form-actions{margin-top:14px;display:flex;justify-content:flex-end}.order-config{display:grid;gap:16px}.order-block{border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:14px;background:#ffffff94}.order-block-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.order-plan{margin-top:12px}.order-info-grid{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.order-info-item{border:1px solid rgba(18,24,38,.08);border-radius:12px;padding:12px;background:#ffffffb3}.order-info-k{font-size:12px;color:#1218268c;font-weight:800}.order-info-v{margin-top:8px;color:#121826;font-weight:850}.order-field{margin-top:16px}.order-select-grid{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}.order-money-box{height:318px;border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:14px;background:#ffffffc7;display:grid;grid-template-rows:minmax(0,1fr) auto auto;gap:12px;box-shadow:0 12px 30px #1218260a}.order-money-left{min-height:0;padding:0}.order-money-title{color:#121826;font-size:15px;font-weight:900}.order-money-items{margin-top:10px;display:grid;gap:8px}.order-money-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;border:1px solid rgba(18,24,38,.07);border-radius:10px;padding:8px 10px;background:#f8fafcd1;color:#1218269e;font-size:14px;font-weight:750}.order-money-row strong{color:#121826;font-size:15px;font-weight:850}.balance-check{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:#26345a;font-size:14px;font-weight:800;cursor:pointer}.balance-card{width:100%;align-items:flex-start;border:1px solid rgba(18,24,38,.08);border-radius:12px;padding:10px;background:#f8fafcd1}.balance-card span{display:grid;gap:4px}.balance-card strong{color:#26345a;font-style:normal}.balance-card em{color:#1218268a;font-size:12px;font-style:normal;font-weight:750}.balance-check.disabled{cursor:not-allowed;opacity:.55}.balance-check input{width:16px;height:16px;accent-color:#3b82f6}.order-money-summary{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px 18px;color:#2563eb;font-size:13px;font-weight:850}.order-balance-error{margin-top:8px;color:#c80000b8;font-size:13px;font-weight:750}.order-pay-total{border-top:1px solid rgba(18,24,38,.08);padding-top:10px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;text-align:right}.order-pay-label{color:#26345aa8;font-size:13px;font-weight:850}.order-pay-value{margin-top:6px;color:#121826;font-size:26px;line-height:1.08;font-weight:900}.order-pay-sub{margin-top:8px;color:#2563eb;font-size:13px;font-weight:850}.region-countries,.region-cities{height:318px;overflow-y:auto;display:grid;align-content:start;gap:8px;border:1px solid rgba(18,24,38,.08);border-radius:12px;padding:10px;background:#ffffff8f}.order-create-inline{width:100%;justify-content:center}.order-create-actions{display:none}.region-country-option,.region-city-option{border:1px solid rgba(18,24,38,.1);background:#ffffffb8;color:#121826;border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;font-weight:850}.region-country-option{display:flex;align-items:center;justify-content:space-between;gap:10px}.region-count{color:#12182675;font-size:12px;font-weight:750;white-space:nowrap}.region-country-option.active,.region-city-option.active{border-color:#3b82f66b;background:#3b82f614;box-shadow:0 0 0 4px #3b82f614}@media(max-width:900px){.form-grid{grid-template-columns:1fr}.order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-select-grid{grid-template-columns:1fr}.order-money-box{height:auto;max-width:none;margin-left:0}.region-countries,.region-cities{height:auto;max-height:318px}.order-pay-total{border-top:1px solid rgba(18,24,38,.08);padding-top:14px}}@media(max-width:560px){.dash-head-row,.order-block-head{display:grid}.order-info-grid,.region-cities{grid-template-columns:1fr}}.ov-top-3{margin-top:14px}.ov-servicebar{padding:14px 16px;margin-bottom:14px}.ov-servicebar-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.ov-servicebar-title{font-size:14px;font-weight:900;color:#121826;letter-spacing:-.2px}.ov-servicebar-sub{margin-top:6px;font-size:13px;color:#12182699}@media(max-width:820px){.ov-servicebar-row{align-items:flex-start;flex-direction:column}.ov-select{width:100%;min-width:0;justify-content:flex-start}}.dash-logout{border:1px solid rgba(18,24,38,.12);background:#fffffff2;color:#121826c7;border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:650}.dash-logout:hover{background:#1218260a}.dash-main{height:100vh;padding:22px 22px 46px;background:#fff0;overflow-y:auto;-webkit-overflow-scrolling:touch}.dash-page{max-width:1100px;margin:0 auto}.dash-head{margin-bottom:16px}.dash-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dash-title{font-size:22px;font-weight:850;color:#121826}.dash-sub{margin-top:6px;color:#12182699;font-size:14px}.order-back-top{flex:0 0 auto}.ov-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ov-card{padding:14px 14px 13px}.ov-k{font-weight:800;color:#1218269e;font-size:12px}.ov-v{margin-top:10px;display:flex;align-items:center;gap:10px;min-width:0}.ov-v-between{justify-content:space-between}.ov-strong{font-weight:950;font-size:20px;letter-spacing:-.3px;color:#121826;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-subline{margin-top:10px;font-size:13px;color:#12182699;font-weight:650}.ov-h{margin-top:8px;color:#1218268c;font-size:13px;line-height:1.55}.ov-badge{border:1px solid rgba(18,24,38,.1);background:#ffffffbf;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:750;color:#1218269e;flex:0 0 auto}.ov-badge.ok{border-color:#00c99f40;background:#00c99f1a;color:#008c6ef2}.ov-badge.warn{border-color:#ffa10040;background:#ffa1001f;color:#a66000f2}.ov-badge.muted{background:#1218260a;color:#1218268c}.ov-dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#12182640;box-shadow:0 0 0 4px #1218260f}.ov-dot.ok{background:#00c99f;box-shadow:0 0 0 4px #00c99f29}.ov-renew{border:1px solid rgba(59,130,246,.28);background:#3b82f61a;color:#3b82f6fa;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;cursor:pointer;flex:0 0 auto}.ov-renew:hover{background:#3b82f624}.ov-open{border:1px solid rgba(59,130,246,.28);background:linear-gradient(135deg,#3b82f6f2,#60a5faf2);color:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:750;cursor:pointer;flex:0 0 auto;box-shadow:0 12px 28px #3b82f62e}.ov-open:hover{transform:translateY(-1px)}.ov-main{margin-top:14px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}.ov-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ov-usage-top{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ov-metric{border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:12px;background:#ffffffb3}.ov-mk{font-size:12px;color:#1218268c}.ov-mv{margin-top:10px;font-weight:950;font-size:22px;letter-spacing:-.3px;color:#121826;line-height:1.05}.ov-ms{margin-top:8px;font-size:12px;color:#1218268c}.ov-progress{margin-top:12px}.ov-bar{height:10px;border-radius:999px;border:1px solid rgba(18,24,38,.1);background:#1218260a;overflow:hidden}.ov-bar-fill{height:100%;border-radius:999px;background:linear-gradient(135deg,#3b82f6f2,#60a5faf2);box-shadow:0 12px 28px #3b82f62e}.ov-side{display:grid;gap:14px}.ov-status{border:1px solid rgba(18,24,38,.1);background:#1218260a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:850;color:#121826b8;flex:0 0 auto}.ov-status.ok{border-color:#00c99f40;background:#00c99f1a;color:#008c6ef2}.ov-status.warn{border-color:#ffa10040;background:#ffa1001f;color:#a66000f2}.ov-kv{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ov-kv-item{border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:10px 12px;background:#ffffffb3;min-width:0}.ov-kv-k{font-size:12px;color:#1218268c}.ov-kv-v{margin-top:8px;font-weight:850;color:#121826;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ov-actions{margin-top:12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.btn-secondary{border:1px solid rgba(18,24,38,.12);background:#fffffff2;color:#26345a;border-radius:14px;padding:10px;cursor:pointer;font-weight:550;font-size:13px}.btn-secondary:hover{background:#1218260a}.btn-primary-lite{border:1px solid rgba(59,130,246,.22);background:linear-gradient(135deg,#3b82f6f2,#60a5faf2);color:#fff;border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:650;font-size:13px;box-shadow:0 12px 28px #3b82f62e;transition:transform .12s ease}.btn-primary-lite:hover{transform:translateY(-1px)}.prod-grid{display:grid;grid-template-columns:1fr;gap:14px;column-gap:26px;width:100%}.prod-row{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(18,24,38,.1);background:#ffffffeb;box-shadow:0 18px 44px #12182614}.prod-left{min-width:0}.prod-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex:0 0 auto}.prod-name{font-weight:950;font-size:16px;color:#121826;letter-spacing:-.2px;line-height:1.2}.prod-tag{margin-left:10px;display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;border:1px solid rgba(59,130,246,.24);background:#3b82f61a;color:#3b82f6f2;font-size:12px;font-weight:850}.prod-price{font-weight:950;font-size:18px;color:#26345a;white-space:nowrap}.prod-sub{margin-top:10px;color:#12182694;font-size:13px;line-height:1.55}.prod-subscribe{min-width:120px;padding:9px 12px;border-radius:12px;font-size:12px;font-weight:650}.mask{position:fixed;inset:0;background:#0b122059;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80}.modal{position:fixed;left:50%;top:42%;transform:translate(-50%,-50%);width:min(520px,calc(100% - 32px));background:#fffffff5;border:1px solid rgba(18,24,38,.12);border-radius:18px;box-shadow:0 30px 80px #0b122033;padding:18px;z-index:81;text-align:center}.modal-title{font-weight:950;font-size:16px;color:#121826}.modal-sub{margin-top:8px;color:#1218269e;font-size:13px}.toast{position:fixed;left:50%;top:18px;transform:translate(-50%);max-width:min(520px,calc(100% - 28px));padding:12px 14px;border-radius:14px;border:1px solid rgba(18,24,38,.12);background:#121826eb;color:#fffffff5;box-shadow:0 18px 50px #0b122047;z-index:120;font-size:13px;font-weight:650;letter-spacing:-.1px;text-align:center}.st{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;border:1px solid rgba(18,24,38,.1);font-size:12px;font-weight:750}.st-ok{border-color:#00c99f40;background:#00c99f1a;color:#008c6ef2}.st-warn{border-color:#ffa10047;background:#ffa1001f;color:#a66000f2}.st-muted{background:#1218260a;color:#1218268c}.st-spin{width:12px;height:12px;margin-right:6px;border-radius:999px;border:2px solid currentColor;border-right-color:transparent;opacity:.9;animation:ocvpn-spin .9s linear infinite}@keyframes ocvpn-spin{to{transform:rotate(360deg)}}.btn-pay{padding:8px 12px;border-radius:12px;font-size:12px;border:1px solid rgba(78,106,255,.28);background:linear-gradient(135deg,#4e6afff2,#4c92ffeb);color:#fff;box-shadow:0 10px 22px #4e6aff38}.btn-order-close{padding:8px 12px;border-radius:12px;font-size:12px}.btn-order-delete{padding:8px 12px;border-radius:12px;font-size:12px;border-color:#ef444438;background:#ef444414;color:#b91c1cf2}.btn-order-delete:hover{background:#ef44441f}.btn-paid-check{padding:8px 12px;border-radius:12px;font-size:12px;border-color:#3b82f647;background:#3b82f614;color:#3b82f6fa}.btn-paid-check:hover{background:#3b82f61f}.order-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.order-extra{margin-top:12px}.paid-meta{display:inline-flex;align-items:center;gap:10px;font-size:12px;line-height:1.35;color:#121826b8;flex-wrap:nowrap;white-space:nowrap;max-width:100%;overflow:visible}.tx-link{color:#3b82f6fa;text-decoration:none}.tx-link:hover{text-decoration:underline}.vpn-list{margin-top:10px;display:grid;gap:34px}.vpn-item{position:relative;border:1px solid rgba(18,24,38,.08);background:#ffffffb3;border-radius:14px;padding:12px}.vpn-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.vpn-top-right{display:flex;align-items:center;gap:10px}.vpn-flag{margin-right:8px;font-size:14px;line-height:1}.vpn-title{font-weight:900;color:#121826;font-size:13px}.vpn-sub{margin-top:8px;color:#1218269e;font-size:12px}.vpn-progress{margin-top:12px;height:8px;border-radius:999px;background:#12182614;overflow:hidden}.vpn-progress-bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4e6aff,#5aa2ff);transition:width .25s ease}.vpn-status-line{margin-top:10px;font-weight:750;font-size:12px;color:#121826ad}.vpn-connect{margin-top:14px;display:grid;grid-template-columns:190px 1fr;gap:14px;align-items:stretch}.vpn-link-side{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}.vpn-item .kv{grid-template-columns:repeat(4,minmax(0,1fr))}.vpn-item .kv-item{flex-direction:column;align-items:flex-start;justify-content:flex-start}.vpn-item .kv-v{text-align:left;font-size:12px}.vpn-item .kv-item{align-items:stretch}.vpn-item .kv-k,.vpn-item .kv-v{width:100%}.vpn-item .kv-v{text-align:right}.vpn-footer{margin-top:12px;display:flex;justify-content:flex-end}.vpn-detail{position:relative}.vpn-renew-line{margin-top:10px;display:flex;justify-content:flex-end}.btn-renew{min-width:140px;justify-content:center}.vpn-collapse-line{margin-top:12px;display:inline-flex;justify-content:flex-end;align-items:center;width:100%}.expand-arrow{display:inline-block;margin-left:7px;font-size:14px;line-height:1;animation:chevron-bob 1.25s ease-in-out infinite}@keyframes chevron-bob{0%,to{translate:0 0}50%{translate:0 2px}}.renew-body{margin-top:12px;display:grid;gap:12px}.renew-plans{display:grid;gap:10px}.renew-plan{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(18,24,38,.1);background:#12182605;cursor:pointer}.renew-plan input{margin-top:2px}.renew-plan.active{border-color:#4e6aff47;background:#4e6aff0f}.renew-plan-title{font-weight:950;color:#121826;font-size:13px}.renew-plan-sub{margin-top:6px;color:#1218269e;font-size:12px}.renew-plan-price{font-weight:950;color:#121826db;white-space:nowrap}.renew-pay .order-money-items{margin-top:0}.vpn-qr-img{width:150px;height:150px;display:block}.btn-secondary.btn-pay:hover,.btn-pay:hover{background:linear-gradient(135deg,#4e6afffa,#4c92fff5);border-color:#4e6aff61;color:#fff}.pay-modal{text-align:left}.pay-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pay-title{font-weight:950;color:#121826}.pay-close{border:1px solid rgba(18,24,38,.12);background:#fffffff2;color:#121826c7;border-radius:12px;padding:8px 10px;cursor:pointer;font-weight:650;font-size:12px}.pay-status{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.pay-remain{color:#1218269e;font-size:12px}.pay-grid{margin-top:14px;display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:start}.pay-qr{height:160px;border-radius:14px;border:1px dashed rgba(18,24,38,.18);background:#12182605;display:grid;place-items:center;color:#1218268c;font-weight:800;overflow:hidden}.pay-qr-img{width:100%;height:100%;object-fit:contain;background:#ffffffeb}.pay-qr-ph{font-weight:800;color:#1218268c}.pay-note{color:#3b82f6fa;font-size:12px;font-weight:750;display:flex;align-items:center;gap:8px}.wait-spinner{width:14px;height:14px;border-radius:999px;border:2px solid rgba(59,130,246,.22);border-top-color:#3b82f6fa;animation:waitspin 1s linear infinite;flex:0 0 auto}@keyframes waitspin{to{transform:rotate(360deg)}}.pay-row{display:grid;grid-template-columns:70px 1fr;gap:10px;align-items:start;margin-bottom:10px}.pay-k{color:#1218268c;font-size:12px}.pay-v{color:#121826;font-weight:800;font-size:13px;min-width:0}.pay-chain-code{font-weight:850;margin-right:10px}.pay-chain-name{font-weight:550;color:#121826cc;font-size:12px}.pay-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:640px){.pay-grid{grid-template-columns:1fr}.pay-qr{height:200px}}.ov-list{margin-top:12px;display:grid;gap:10px}.ov-item{display:flex;align-items:flex-start;gap:10px;border:1px solid rgba(18,24,38,.08);background:#ffffffb3;border-radius:14px;padding:12px}.ov-item-dot{width:10px;height:10px;border-radius:999px;margin-top:5px;background:#12182640;flex:0 0 auto}.ov-item-dot.ok{background:#00c99f}.ov-item-dot.warn{background:#ffa100}.ov-item-dot.muted{background:#12182647}.ov-item-title{font-weight:900;color:#121826;font-size:13px}.ov-item-sub{margin-top:6px;color:#12182694;font-size:12px;line-height:1.55}.dash-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.panel{border:1px solid rgba(18,24,38,.1);background:#ffffffeb;border-radius:16px;padding:16px;box-shadow:0 12px 28px #1218260f}.panel-wide{grid-column:1 / -1}.panel.inner{background:#ffffffbf}.panel-k{font-weight:800;color:#121826b8;font-size:12px}.panel-v{margin-top:10px;font-weight:900;font-size:28px;color:#121826}.panel-h{margin-top:8px;color:#1218268c;font-size:13px;line-height:1.6}.panel-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(18,24,38,.1);background:#ffffffbf;font-size:12px;color:#1218269e}.chart{margin-top:12px}.chart-svg{width:100%;height:160px}.chart-line{fill:none;stroke:#2f6fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-legend{margin-top:12px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.chart-item{border:1px solid rgba(18,24,38,.08);border-radius:12px;padding:10px;background:#ffffffb3}.chart-day{font-size:12px;color:#1218268c}.chart-gb{margin-top:6px;font-weight:800;color:#121826}.kv{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kv-item{border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:12px;background:#ffffffb3}.kv-k{font-size:12px;color:#1218268c}.kv-v{margin-top:8px;font-weight:800;color:#121826}.dash-split{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr{margin-top:12px;height:180px;border-radius:14px;border:1px dashed rgba(18,24,38,.18);background:#12182605;display:grid;place-items:center;color:#1218268c;font-weight:800}.codebox{margin-top:12px;border:1px solid rgba(18,24,38,.1);border-radius:14px;background:#12182608;padding:12px}.code-actions{margin-top:10px;display:flex;justify-content:flex-end}.btn-mini{padding:6px 10px;border-radius:10px;font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;word-break:break-all}.mono.small{font-size:11px}.vpn-fields{border:1px solid rgba(18,24,38,.08);border-radius:14px;background:#ffffffb3;padding:12px;display:grid;gap:10px}.vpn-bottom{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.vpn-field{display:grid;grid-template-columns:70px 1fr auto;gap:10px;align-items:center}.vpn-field-k{font-size:12px;font-weight:850;color:#121826b8}.vpn-field-v{color:#121826eb}.vpn-help{border:1px solid rgba(18,24,38,.08);border-radius:14px;background:#12182605;padding:12px;display:flex;flex-direction:column}.vpn-help-title{font-size:12px;font-weight:950;color:#121826}.vpn-help-body{margin-top:8px;font-size:12px;line-height:1.65;color:#121826a8}.table{margin-top:14px;display:grid;gap:8px}.t-head,.t-main{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:12px;align-items:center}.t-head{font-size:12px;color:#1218268c;padding:0 6px}.t-row{border:1px solid rgba(18,24,38,.08);border-radius:14px;padding:12px;background:#ffffffb3;font-size:13px;color:#121826c7}@media(max-width:980px){.dash{grid-template-columns:88px 1fr}.dash-name{display:none}.dash-link{font-size:12px;padding:10px}.dash-mini-sub{display:none}.dash-grid,.ov-cards,.ov-main,.ov-usage-top,.ov-kv,.ov-actions,.prod-grid{grid-template-columns:1fr}.prod-row{flex-direction:column;align-items:stretch}.prod-right{align-items:stretch}.prod-subscribe{width:100%;min-width:0}.chart-legend{grid-template-columns:repeat(3,minmax(0,1fr))}.kv,.dash-split{grid-template-columns:1fr}.t-head,.t-row{grid-template-columns:1fr 1fr}}.auth{padding:86px 0 46px}.auth-card{max-width:520px;margin:0 auto;background:#ffffffeb;border:1px solid rgba(18,24,38,.1);border-radius:18px;box-shadow:0 22px 60px #1218261a;padding:22px;position:relative}.auth-back{appearance:none;border:none;background:transparent;color:#121826a6;font-size:14px;cursor:pointer;padding:6px 2px}.auth-logo{margin:8px auto 10px;width:144px;height:144px;display:grid;place-items:center}.auth-title{text-align:center;font-size:22px;font-weight:700;color:#121826;margin-top:2px}.auth-sub{text-align:center;font-size:14px;color:#121826a6;margin-top:6px}.auth-form{margin-top:18px;display:grid;gap:12px}.auth-alert{border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.4;border:1px solid rgba(18,24,38,.1);background:#ffffffbf}.auth-alert-error{border-color:#ef444438;background:#ef44440f;color:#7f1d1df2}.auth-alert-info{border-color:#2f6fff38;background:#2f6fff0f;color:#121826c7}.field-label{font-size:13px;color:#121826b3;margin-bottom:8px}.input{width:100%;height:44px;border-radius:12px;border:1px solid rgba(18,24,38,.14);background:#fffffff2;padding:0 12px;font-size:15px;outline:none}.input:focus{border-color:#2f6fff8c;box-shadow:0 0 0 4px #2f6fff1f}.row{display:flex;gap:10px;align-items:flex-end}.auth-code{height:44px;white-space:nowrap}.auth-code:disabled{opacity:.55;cursor:not-allowed}.auth-submit{height:46px}.divider{position:relative;text-align:center;margin:6px 0;color:#1218268c;font-size:13px}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:42%;height:1px;background:#1218261a}.divider:before{left:0}.divider:after{right:0}.divider span{display:inline-block;padding:0 10px;background:transparent}.auth-google{height:46px;border-radius:14px;background:#fffffff2;display:inline-flex;align-items:center;justify-content:center;gap:10px}.google-icon{width:18px;height:18px;display:grid;place-items:center}.google-icon svg{width:18px;height:18px;display:block}.header{position:sticky;top:14px;z-index:20;background:transparent;border-bottom:none;-webkit-backdrop-filter:none;backdrop-filter:none}.header-bar{border:1px solid rgba(11,18,32,.08);background:#ffffffe6;border-radius:999px;box-shadow:0 18px 40px #0b12201a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 22px 10px 14px}.brand{display:flex;align-items:center;gap:0;min-width:0}.logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;background:transparent;border:none;box-shadow:none;flex:0 0 auto;overflow:hidden}.brand-text{display:flex;flex-direction:column;justify-content:center;min-width:0}.brand-name{font-weight:550;font-size:18px;letter-spacing:.2px;line-height:1.1;color:#26345a}.nav{display:flex;align-items:center;gap:14px}.nav-link{font-size:14px;color:var(--muted)}.nav-link:hover{color:var(--text)}.nav-cta{padding:10px 20px;min-width:124px;text-align:center;border-radius:999px;border:1px solid var(--border);background:#ffffffd9;font-size:14px;color:#26345a;cursor:pointer}.nav-cta:hover{border-color:#3b82f659}.hero{padding:70px 0 28px}.subhero{padding:86px 0 8px}.subhero-text{text-align:center;color:#121826;line-height:1.5;max-width:980px;margin:0 auto}.subhero-title{margin:0;line-height:1.06;letter-spacing:0;font-weight:900}.subhero-title-line{display:block;font-size:46px;font-weight:700;max-width:100%;overflow-wrap:anywhere}.subhero-title-line2{margin-top:10px;font-size:36px;font-weight:650}.subhero-desc{margin:16px auto 40px;max-width:72ch;font-size:18px;line-height:1.7;color:#121826b3;overflow-wrap:anywhere}.subhero-actions{margin-top:22px;display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.subhero-banner{margin-top:72px;display:flex;justify-content:center}.subhero-banner-row{width:100%;display:flex;justify-content:center;align-items:center;gap:0;overflow:visible}.subhero-banner-img{width:min(680px,100%);height:auto;aspect-ratio:16/9;object-fit:contain;display:block;border-radius:14px}.subhero-banner-side{width:300px;max-width:30vw;object-fit:cover;position:relative;z-index:1;filter:drop-shadow(0 22px 32px rgba(18,24,38,.18))}.subhero-banner-center{position:relative;z-index:2}.subhero-banner-left{--side-rot: -6deg;margin-right:-150px;animation:sideFloatUp 5.2s ease-in-out infinite}.subhero-banner-right{--side-rot: 6deg;margin-left:-95px;animation:sideFloatDown 5.2s ease-in-out infinite}@keyframes sideFloatUp{0%{transform:translateY(-6px) rotate(var(--side-rot, 0deg))}50%{transform:translateY(6px) rotate(var(--side-rot, 0deg))}to{transform:translateY(-6px) rotate(var(--side-rot, 0deg))}}@keyframes sideFloatDown{0%{transform:translateY(6px) rotate(var(--side-rot, 0deg))}50%{transform:translateY(-6px) rotate(var(--side-rot, 0deg))}to{transform:translateY(6px) rotate(var(--side-rot, 0deg))}}@media(prefers-reduced-motion:reduce){.subhero-banner-left,.subhero-banner-right{animation:none}}.cta{height:45px;border-radius:18px;border:1px solid rgba(18,24,38,.1);font-weight:500;font-size:16px;padding:0 22px;cursor:pointer;box-shadow:0 18px 40px #1218261a;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 22px 46px #1218261f}.cta-primary{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;min-width:260px;color:#fff;border-color:#347cff59;background:linear-gradient(180deg,#5c9bff,#2f6fff)}.cta-text{justify-self:center;padding-left:0}.cta-icon{width:38px;height:32px;border-radius:12px;background:#ffffffeb;color:#1f2a44;display:grid;place-items:center;flex:0 0 auto}.cta-icon svg{width:18px;height:18px}.cta-secondary{min-width:240px;color:#121826c7;background:#ffffffeb}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffffbf;font-size:13px;color:var(--muted)}.hero-title{margin:14px 0 10px;font-size:46px;line-height:1.08;letter-spacing:-.7px}.hero-title-accent{background:linear-gradient(135deg,#3b82f6,#60a5fa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{margin:0;color:var(--muted);font-size:16px;line-height:1.7;max-width:56ch}.hero-actions{margin-top:18px;display:flex;flex-wrap:wrap;gap:12px}.btn{border:1px solid var(--border);background:#ffffffe6;color:var(--text);padding:12px 14px;border-radius:14px;font-weight:650;font-size:14px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 22px #0b122014}.btn-primary{border-color:#3b82f659;background:linear-gradient(135deg,#3b82f6f2,#60a5faf2);color:#fff;box-shadow:0 12px 28px #3b82f638}.btn-ghost{background:#ffffffa6}.btn-full{width:100%}.hint{margin-top:10px;font-size:12px;color:var(--muted)}.hero-metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border:1px solid var(--border);background:#ffffffa6;border-radius:var(--radius);padding:12px}.metric-k{font-weight:750;font-size:13px}.metric-v{margin-top:4px;font-size:12px;color:var(--muted)}.hero-visual{position:relative;min-height:320px;overflow:hidden}.visual-card{position:relative;border-radius:22px;border:1px solid var(--border);background:#ffffffb3;box-shadow:var(--shadow);overflow:hidden}.visual-top{display:flex;align-items:center;gap:8px;padding:14px;border-bottom:1px solid var(--border);background:#fffc}.dot{width:10px;height:10px;border-radius:999px;opacity:.9}.dot-red{background:#ef4444}.dot-yellow{background:#f59e0b}.dot-green{background:#22c55e}.visual-body{padding:18px 18px 22px}.visual-placeholder{height:160px;border-radius:18px;border:1px dashed rgba(11,18,32,.18);background:#0b122005;display:grid;place-items:center;text-align:center;padding:14px;color:var(--muted);font-size:14px;line-height:1.5}.visual-lines{margin-top:16px;display:grid;gap:10px}.line{height:10px;border-radius:999px;background:#0b12200f;border:1px solid rgba(11,18,32,.03)}.w60{width:60%}.w70{width:70%}.w85{width:85%}.glow{position:absolute;inset:-60px -60px auto auto;width:260px;height:260px;background:radial-gradient(circle at 30% 30%,rgba(96,165,250,.7),transparent 55%);filter:blur(30px);opacity:.5;pointer-events:none}.section{padding:46px 0}.section-alt{background:linear-gradient(180deg,#0b122005,#0b122000);border-top:1px solid rgba(11,18,32,.06);border-bottom:1px solid rgba(11,18,32,.06)}.section-head{max-width:720px}.section-title{margin:0;font-size:28px;letter-spacing:-.3px}.section-sub{margin:10px 0 0;color:var(--muted);line-height:1.7}.grid{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#ffffffb3;box-shadow:0 10px 26px #0b12200d}.card-title{display:flex;align-items:center;gap:8px;font-weight:800;letter-spacing:-.2px}.card-icon{width:32px;height:32px;object-fit:contain;flex:0 0 auto}.card-desc{margin-top:8px;color:var(--muted);line-height:1.65;font-size:14px}.banner{margin-top:18px;border:1px solid rgba(59,130,246,.22);background:linear-gradient(135deg,#3b82f61a,#60a5fa14);border-radius:calc(var(--radius) + 6px);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.banner-title{font-weight:850;letter-spacing:-.2px}.banner-desc{margin-top:6px;color:var(--muted);line-height:1.6;font-size:14px}.pricing{margin-top:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.price-card{border:1px solid var(--border);border-radius:calc(var(--radius) + 6px);padding:16px;background:#ffffffbf;box-shadow:0 14px 30px #0b12200f}.price-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.price-title{font-weight:850}.price-badge{font-size:12px;color:#3b82f6;background:#3b82f614;border:1px solid rgba(59,130,246,.18);padding:6px 10px;border-radius:999px;white-space:nowrap}.price{margin-top:14px;display:flex;align-items:flex-end;gap:8px}.price-num{font-size:40px;font-weight:900;letter-spacing:-.6px;line-height:1}.price-unit{color:var(--muted);font-weight:700;padding-bottom:6px}.price-period{margin-top:6px;color:var(--muted);font-size:14px}.price-discount{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid rgba(59,130,246,.22);background:#3b82f61a;color:#3b82f6fa;font-size:12px;font-weight:750}.price-discount-placeholder{visibility:hidden}.price-list{margin:14px 0 0;padding:0 0 0 18px;color:var(--muted);line-height:1.9;font-size:14px}.price-cta{margin-top:14px;height:38px;padding:0 12px;font-size:12px;border-radius:10px;font-weight:550;box-shadow:0 10px 22px #3b82f62e;display:flex;align-items:center;justify-content:center}.faq{margin-top:20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-item{border:1px solid var(--border);border-radius:var(--radius);padding:16px;background:#fff9}.faq-q{font-weight:850}.faq-a{margin-top:8px;color:var(--muted);line-height:1.65;font-size:14px}.footer{margin-top:auto;border-top:1px solid var(--border);padding:22px 0;background:#ffffffa6}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-sub{margin-top:6px;color:var(--muted);font-size:13px}.footer-right{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.footer-link{color:var(--muted);font-size:14px}.footer-link:hover{color:var(--text)}@media(max-width:980px){.subhero-title-line{font-size:38px}.subhero-title-line2{font-size:30px}.subhero-desc{margin-top:30px;font-size:14px}.cta{height:42px;font-size:16px}.cta-primary{min-width:min(260px,100%)}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:unset}.grid,.pricing{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.auth{padding-top:68px}.auth-card{padding:18px;border-radius:16px}.row{flex-direction:column;align-items:stretch}.auth-code{width:100%}.subhero-banner-side{display:none}.subhero-banner-center{width:min(680px,100%)}.subhero{padding-top:68px}.subhero-title{line-height:1.1}.subhero-title-line{font-size:30px}.subhero-title-line2{margin-top:30px;font-size:18px}.subhero-actions{gap:35px}.cta{width:auto;height:41px;border-radius:16px;padding:0 16px}.cta-primary{min-width:0;width:70%;margin:0 auto}.cta-secondary{min-width:0;width:50%;margin:0 auto}.cta-icon{width:36px;height:30px;border-radius:12px}.nav-link{display:none}.hero{padding-top:28px}.hero-title{font-size:32px}.hero-metrics,.grid,.pricing,.faq{grid-template-columns:1fr}.banner,.footer-inner{flex-direction:column;align-items:flex-start}}.wrap[data-v-f746fa02]{display:grid;place-items:center;border-radius:14px;overflow:hidden;position:relative}.lottie-stage[data-v-f746fa02]{width:100%;height:100%;padding:0;margin:0;transform-origin:50% 50%}.lottie-stage[data-v-f746fa02] canvas{width:100%!important;height:100%!important;display:block}.fallback[data-v-f746fa02]{position:absolute;inset:0;display:grid;place-items:center;font-weight:900;letter-spacing:.5px;color:#0b1220d9}.vpn-renew-line[data-v-4641ef53]{display:flex;gap:14px;justify-content:flex-end;align-items:center}.btn-reconfig[data-v-4641ef53]{white-space:nowrap}.reconfig-confirm-text[data-v-4641ef53]{line-height:1.7;margin-top:6px}.reconfig-confirm-actions[data-v-4641ef53]{display:flex;justify-content:flex-end;gap:12px;margin-top:14px}.reconfig-body[data-v-4641ef53]{margin-top:8px}.reconfig-row[data-v-4641ef53]{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #e7e7e7;border-radius:12px;background:#fafafa}.reconfig-k[data-v-4641ef53]{color:#6b7280;font-size:13px}.reconfig-v[data-v-4641ef53]{color:#111827}.reconfig-region-title[data-v-4641ef53]{margin:14px 0 8px;font-weight:600;color:#111827}.reconfig-regions[data-v-4641ef53]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reconfig-col[data-v-4641ef53]{border:1px solid #e7e7e7;border-radius:12px;overflow:hidden;background:#fff}.reconfig-col-title[data-v-4641ef53]{padding:10px 12px;font-size:13px;color:#6b7280;background:#fafafa;border-bottom:1px solid #eee}.reconfig-list[data-v-4641ef53]{max-height:220px;overflow:auto}.reconfig-item[data-v-4641ef53]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:none;background:transparent;cursor:pointer;text-align:left;color:#111827}.reconfig-item[data-v-4641ef53]:hover{background:#f6f8ff}.reconfig-item.active[data-v-4641ef53]{background:#eef2ff}.reconfig-item-left[data-v-4641ef53]{display:flex;gap:8px;align-items:center}.reconfig-flag[data-v-4641ef53]{width:18px}.reconfig-count[data-v-4641ef53]{font-size:12px;color:#6b7280}.reconfig-pay[data-v-4641ef53]{margin-top:14px}