@import "https://fonts.cdnfonts.com/css/bounded";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";.loading-overlay{z-index:9999;background:#0a1325;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:4px solid #6dbcf61a;border-top-color:#6dbcf6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}body{color:#fff;background:#0a1325;margin:0;font-family:Inter,sans-serif}*{box-sizing:border-box}:root{--gradient:linear-gradient(90deg, #62b7f6, #96cef8)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Bounded,system-ui,sans-serif;font-weight:400}body{color:#fff;letter-spacing:.2px;background:#0a1325;min-height:100vh;font-family:Bounded,system-ui,sans-serif;position:relative;overflow-x:hidden}body:after{content:"";opacity:.3;pointer-events:none;z-index:-10;background:url(/assets/grid-LTG2ELlC.svg) 50%/cover no-repeat;position:fixed;inset:0}@font-face{font-family:Apple Color Emoji;src:url(/assets/AppleColorEmoji-61woRYtZ.ttf)format("truetype");font-weight:400;font-style:normal}.emoji-apple{font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.1em}.general-layout[data-v-f24bed6e]{color:#fff;background:#0a1325;min-height:100vh;font-family:Inter,sans-serif}.app-header[data-v-f24bed6e]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#0f172ad9;border-bottom:1px solid #6dbcf626;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0}.logo-text[data-v-f24bed6e]{color:#6dbcf6;font-size:26px;font-weight:800}.login-btn[data-v-f24bed6e]{cursor:pointer;color:#6dbcf6;background:0 0;border:1px solid #6dbcf6;border-radius:10px;padding:10px 22px;font-weight:600;transition:all .3s}.login-btn[data-v-f24bed6e]:hover{color:#0a1325;background:#6dbcf6}.hero-section[data-v-f24bed6e]{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:0 20px;display:flex;position:relative;overflow:hidden}.hero-background[data-v-f24bed6e]{z-index:1;background:radial-gradient(circle at 30% 25%,#6dbcf62e,#0000 55%),radial-gradient(circle at 72% 75%,#6dbcf61c,#0000 60%),#0a1325;position:absolute;inset:0}.hero-grid[data-v-f24bed6e]{z-index:2;background-image:linear-gradient(#6dbcf612 1px,#0000 1px),linear-gradient(90deg,#6dbcf612 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0}.hero-content[data-v-f24bed6e]{z-index:10;width:100%;max-width:860px;position:relative}.hero-badge[data-v-f24bed6e]{background:#6dbcf61a;border:1px solid #6dbcf64d;border-radius:9999px;align-items:center;gap:9px;margin-bottom:28px;padding:9px 20px;font-size:15px;display:inline-flex}.dot[data-v-f24bed6e]{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-f24bed6e;box-shadow:0 0 10px #4ade80}.hero-title[data-v-f24bed6e]{letter-spacing:-1px;margin-bottom:20px;font-size:clamp(42px,8.5vw,62px);font-weight:900;line-height:1.12}.hero-subtitle[data-v-f24bed6e]{color:#94a3b8;max-width:620px;margin:20px auto 40px;font-size:clamp(17px,4vw,20px);line-height:1.5}.hero-actions[data-v-f24bed6e]{flex-direction:column;align-items:center;gap:16px;margin-bottom:60px;display:flex}.trial-info-badge[data-v-f24bed6e]{background:#1e3a8a;border-radius:12px;align-items:center;gap:10px;padding:12px 22px;font-size:15.5px;display:flex}.countries-flags[data-v-f24bed6e]{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.flag[data-v-f24bed6e]{border-radius:6px;width:46px;height:32px;transition:transform .25s;box-shadow:0 4px 12px #0006}.flag[data-v-f24bed6e]:hover{transform:scale(1.1)}.main-action-btn[data-v-f24bed6e]{color:#0a1325;cursor:pointer;background:#6dbcf6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:260px;padding:16px 36px;font-size:18px;font-weight:700;transition:all .3s;display:inline-flex}.main-action-btn[data-v-f24bed6e]:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6dbcf680}@keyframes pulse-f24bed6e{0%,to{opacity:1}50%{opacity:.4}}@media (width<=768px){.app-header[data-v-f24bed6e]{padding:16px 20px}.logo-text[data-v-f24bed6e]{font-size:22px}.hero-section[data-v-f24bed6e]{min-height:90vh;padding:20px 16px 80px}.hero-content[data-v-f24bed6e]{padding-top:40px}.hero-title[data-v-f24bed6e]{font-size:38px;line-height:1.15}.hero-subtitle[data-v-f24bed6e]{margin:16px auto 32px;font-size:17px}.hero-actions[data-v-f24bed6e]{gap:14px;margin-bottom:50px}.main-action-btn[data-v-f24bed6e]{width:100%;max-width:320px;padding:15px 24px;font-size:17px}.trial-info-badge[data-v-f24bed6e]{justify-content:center;width:100%;max-width:320px;padding:12px 20px}.hero-badge[data-v-f24bed6e]{padding:7px 16px;font-size:14px}.countries-flags[data-v-f24bed6e]{gap:10px;margin-top:40px}.flag[data-v-f24bed6e]{width:38px;height:27px}}@media (width<=380px){.hero-title[data-v-f24bed6e]{font-size:34px}.hero-subtitle[data-v-f24bed6e]{font-size:16px}}.flex-center[data-v-57323e31]{justify-content:center;align-items:center;height:100vh;display:flex}.status-card[data-v-57323e31]{text-align:center;background:#0f172acc;border:1px solid #6dbcf6;border-radius:20px;padding:40px}.loading-skeleton[data-v-f63c5eb4]{background:linear-gradient(90deg,#1a2a3a,#2a3f55,#1a2a3a) 0 0/200% 100%;border-radius:8px;width:100%;height:32px;margin-top:4px;animation:1.2s linear infinite shimmer-f63c5eb4}@keyframes shimmer-f63c5eb4{0%{background-position:200% 0}to{background-position:-200% 0}}.layout[data-v-f63c5eb4]{background:#0a1325;grid-template-columns:320px 1fr;width:100%;transition:grid-template-columns .25s;display:grid}.layout.sidebar-collapsed[data-v-f63c5eb4]{grid-template-columns:80px 1fr}.sidebar[data-v-f63c5eb4]{z-index:100;background:#0a1325;border-right:1px solid #90cef81a;flex-direction:column;width:100%;height:100vh;padding:20px;transition:transform .3s,width .25s;display:flex;position:sticky;top:0}.user-block[data-v-f63c5eb4]{align-items:center;gap:12px;margin-bottom:25px;display:flex;position:relative}.avatar[data-v-f63c5eb4]{object-fit:cover;border-radius:50%;width:48px;height:48px}.user-info .name[data-v-f63c5eb4]{opacity:.9;font-size:15px;font-weight:500}.logout-btn[data-v-f63c5eb4]{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-left:auto;transition:all .2s;display:flex}.logout-btn[data-v-f63c5eb4]:hover{color:#ff5a5a;background:#ff50501a}.balance[data-v-f63c5eb4]{background:#00000040;border:1px solid #6dbcf626;border-radius:14px;margin-bottom:30px;padding:14px}.balance-top[data-v-f63c5eb4]{opacity:.7;align-items:center;gap:8px;font-size:13px;display:flex}.balance-row[data-v-f63c5eb4]{justify-content:space-between;align-items:center;min-height:32px;margin-top:6px;display:flex}.balance-inner[data-v-f63c5eb4]{justify-content:space-between;align-items:center;width:100%;display:flex}.fade-enter-active[data-v-f63c5eb4],.fade-leave-active[data-v-f63c5eb4]{will-change:opacity, transform;transition:opacity .3s linear,transform .3s linear}.fade-enter-from[data-v-f63c5eb4]{opacity:0;transform:translateY(6px)}.fade-leave-to[data-v-f63c5eb4]{opacity:0;transform:translateY(-6px)}.amount[data-v-f63c5eb4]{color:#6dbcf6;justify-content:flex-start;min-width:80px;font-size:22px;font-weight:600;display:flex}.add-balance[data-v-f63c5eb4]{color:#6dbcf6;cursor:pointer;background:#6dbcf614;border:1px solid #6dbcf633;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.link-icon[data-v-f63c5eb4],.link-account-text[data-v-f63c5eb4]{color:#6dbcf6}.right-icon-link[data-v-f63c5eb4]{color:#6dbcf6;opacity:.6;margin-left:auto}.menu[data-v-f63c5eb4]{flex-direction:column;flex:1;gap:10px;display:flex}.menu-item[data-v-f63c5eb4]{color:#fff;cursor:pointer;opacity:.9;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.menu-item[data-v-f63c5eb4]:hover{background:#6dbcf614}.menu-item.external[data-v-f63c5eb4]{justify-content:space-between}.right-icon[data-v-f63c5eb4]{opacity:.6;margin-left:auto}.bottom[data-v-f63c5eb4]{margin-top:auto}.toggle-btn[data-v-f63c5eb4]{color:#fff;cursor:pointer;z-index:110;background:0 0;border:none;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;position:fixed;top:20px;left:330px}.sidebar.collapsed~.toggle-btn[data-v-f63c5eb4]{left:100px}.mobile-hamburger[data-v-f63c5eb4]{color:#fff;cursor:pointer;z-index:120;background:#0a1325f2;border:1px solid #6dbcf633;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:none;position:fixed;top:18px;right:18px;box-shadow:0 4px 12px #0000004d}.mobile-backdrop[data-v-f63c5eb4]{z-index:90;background:#000000b3;animation:.2s fadeIn;position:fixed;inset:0}.content[data-v-f63c5eb4]{flex:1;min-height:100vh;padding:30px}@media (width>=993px){.sidebar.collapsed .user-info[data-v-f63c5eb4],.sidebar.collapsed .balance[data-v-f63c5eb4],.sidebar.collapsed .menu-item span[data-v-f63c5eb4],.sidebar.collapsed .right-icon[data-v-f63c5eb4],.sidebar.collapsed .logout-btn[data-v-f63c5eb4]{display:none}.sidebar.collapsed .user-block[data-v-f63c5eb4]{justify-content:center}.sidebar.collapsed .menu-item[data-v-f63c5eb4]{justify-content:center;padding:14px 0}}@media (width<=992px){.mobile-hamburger[data-v-f63c5eb4]{display:flex}.toggle-btn[data-v-f63c5eb4]{display:none}.layout[data-v-f63c5eb4]{width:100%;display:block}.content[data-v-f63c5eb4]{width:100%;min-width:100%;padding:80px 20px 20px;margin-left:0!important}.sidebar[data-v-f63c5eb4]{width:calc(100% - 70px);max-width:320px;position:fixed;transform:translate(-100%)}.sidebar.mobile-open[data-v-f63c5eb4]{transform:translate(0)}}[data-v-eeb333a4]{box-sizing:border-box}.title[data-v-eeb333a4]{margin-bottom:25px;margin-left:25px;font-size:28px;font-weight:600}.section-title[data-v-eeb333a4]{margin-top:40px;margin-bottom:15px;font-size:20px;font-weight:600}.grid[data-v-eeb333a4]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:20px;display:grid}.subs-grid[data-v-eeb333a4]{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:15px;display:grid}.card[data-v-eeb333a4],.sub-card[data-v-eeb333a4]{background:#00000040;border:1px solid #6dbcf626;border-radius:16px;padding:20px;transition:transform .2s,border-color .2s}.card[data-v-eeb333a4]:hover,.sub-card[data-v-eeb333a4]:hover{border-color:#6dbcf64d}.card-top[data-v-eeb333a4],.sub-top[data-v-eeb333a4]{align-items:center;gap:10px;margin-bottom:15px;display:flex}.card-top svg[data-v-eeb333a4],.sub-top svg[data-v-eeb333a4]{color:#6dbcf6}.card-value[data-v-eeb333a4]{color:#6dbcf6;margin-bottom:10px;font-size:32px;font-weight:600;line-height:1}.card-desc[data-v-eeb333a4],.sub-info[data-v-eeb333a4]{opacity:.6;font-size:13px}.no-subs-card[data-v-eeb333a4]{text-align:center;background:#6dbcf608;border:2px dashed #6dbcf626;border-radius:20px;grid-column:1/-1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-subs-content[data-v-eeb333a4]{flex-direction:column;align-items:center;gap:15px;max-width:400px;display:flex}.no-subs-icon[data-v-eeb333a4]{color:#6dbcf64d;margin-bottom:10px}.no-subs-content h3[data-v-eeb333a4]{color:#fff;font-size:20px;font-weight:600}.no-subs-content p[data-v-eeb333a4]{opacity:.6;margin-bottom:10px;font-size:14px;line-height:1.5}.buy-vpn-btn[data-v-eeb333a4]{color:#0a1325;cursor:pointer;background:#6dbcf6;border:none;border-radius:12px;align-items:center;gap:10px;padding:14px 28px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #6dbcf633}.buy-vpn-btn[data-v-eeb333a4]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6dbcf666}.buy-vpn-btn[data-v-eeb333a4]:active{transform:translateY(0)}.balance-row[data-v-eeb333a4]{min-height:42px;margin-bottom:10px}.balance-inner[data-v-eeb333a4]{justify-content:space-between;align-items:center;width:100%;display:flex}.add-balance[data-v-eeb333a4]{color:#6dbcf6;cursor:pointer;background:#6dbcf614;border:1px solid #6dbcf633;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.add-balance[data-v-eeb333a4]:hover{background:#6dbcf633}.sub-card[data-v-eeb333a4]{flex-direction:column;gap:10px;padding:16px;display:flex}.sub-name[data-v-eeb333a4]{font-size:14px;font-weight:700}.sub-stats[data-v-eeb333a4]{grid-template-columns:1fr;gap:8px;margin-top:10px;display:grid}.stat-card[data-v-eeb333a4]{background:#ffffff08;border:1px solid #6dbcf614;border-radius:10px;align-items:center;gap:10px;padding:10px;transition:all .2s;display:flex}.stat-title[data-v-eeb333a4]{opacity:.6;font-size:11px}.stat-value[data-v-eeb333a4]{font-size:13px;font-weight:500}.manage-btn[data-v-eeb333a4]{color:#0a1325;cursor:pointer;background:#6dbcf6;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:12px;font-weight:600;transition:opacity .2s;display:flex}.fade-enter-active[data-v-eeb333a4],.fade-leave-active[data-v-eeb333a4]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-eeb333a4]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-eeb333a4]{opacity:0}.loading-skeleton[data-v-eeb333a4],.skeleton-line[data-v-eeb333a4],.skeleton-box[data-v-eeb333a4],.skeleton-button[data-v-eeb333a4]{background:linear-gradient(90deg,#1a2a3a,#2a3f55,#1a2a3a) 0 0/200% 100%;animation:1.2s linear infinite shimmer-eeb333a4}@keyframes shimmer-eeb333a4{0%{background-position:200% 0}to{background-position:-200% 0}}.loading-skeleton[data-v-eeb333a4]{border-radius:8px;width:100%;height:36px}.skeleton-line.title[data-v-eeb333a4]{border-radius:6px;width:70%;height:16px}.skeleton-line.small[data-v-eeb333a4]{border-radius:6px;width:40%;height:12px}.skeleton-box[data-v-eeb333a4]{border-radius:10px;height:42px}.skeleton-button[data-v-eeb333a4]{border-radius:10px;height:40px;margin-top:10px}.loading-overlay[data-v-eeb333a4]{z-index:9999;background:#0a1325;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner[data-v-eeb333a4]{border:4px solid #6dbcf61a;border-top-color:#6dbcf6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin-eeb333a4}@keyframes spin-eeb333a4{to{transform:rotate(360deg)}}@media (width<=768px){.title[data-v-eeb333a4]{margin-bottom:20px;font-size:24px}.card-value[data-v-eeb333a4]{font-size:28px}.grid[data-v-eeb333a4],.subs-grid[data-v-eeb333a4]{gap:15px}}.header-wrapper[data-v-f01fc2a7]{margin-bottom:30px}.title[data-v-f01fc2a7]{color:#fff;font-size:32px;font-weight:700}.subtitle[data-v-f01fc2a7]{opacity:.6;font-size:15px}.sub-details-grid[data-v-f01fc2a7]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:40px;display:grid}.card[data-v-f01fc2a7]{background:#ffffff08;border:1px solid #6dbcf61a;border-radius:20px;padding:28px}.card-top[data-v-f01fc2a7]{color:#6dbcf6;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-top h3[data-v-f01fc2a7]{color:#fff;font-size:18px;font-weight:600}.stats-grid[data-v-f01fc2a7]{gap:15px;display:grid}.stat-item[data-v-f01fc2a7]{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.stat-label[data-v-f01fc2a7]{opacity:.6}.stat-value[data-v-f01fc2a7]{color:#fff;font-weight:600}.text-warning[data-v-f01fc2a7]{color:#f59e0b}.text-danger[data-v-f01fc2a7]{color:#ef4444}.config-actions[data-v-f01fc2a7]{grid-template-columns:1fr 1fr;gap:15px;display:grid}.btn-outline[data-v-f01fc2a7]{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-outline[data-v-f01fc2a7]:hover{background:#ffffff1a;border-color:#6dbcf666}.actions-section[data-v-f01fc2a7],.devices-section[data-v-f01fc2a7]{margin-top:20px}.section-title[data-v-f01fc2a7]{margin-bottom:15px;font-size:22px;font-weight:600}.actions-grid[data-v-f01fc2a7]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.action-btn[data-v-f01fc2a7]{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;transition:all .3s;display:flex}.btn-primary[data-v-f01fc2a7]{color:#0a1325;background:#6dbcf6;border-radius:14px}.btn-danger[data-v-f01fc2a7]{color:#ff5e5e;background:#ff5e5e1a;border:1px solid #ff5e5e33}.btn-danger[data-v-f01fc2a7]:hover{background:#ff5e5e33;border-color:#fe4949}.devices-list[data-v-f01fc2a7]{flex-direction:column;gap:10px;display:flex}.device-item[data-v-f01fc2a7]{background:#ffffff08;border:1px solid #6dbcf61a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.device-info[data-v-f01fc2a7]{color:#fff;align-items:center;gap:12px;display:flex}.device-name[data-v-f01fc2a7]{font-size:15px}.delete-btn[data-v-f01fc2a7]{color:#ff5e5eb3;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.delete-btn[data-v-f01fc2a7]:hover{color:#ff5e5e;background:#ff5e5e1a}.no-devices[data-v-f01fc2a7]{text-align:center;opacity:.5;padding:20px}.fade-enter-active[data-v-f01fc2a7],.fade-leave-active[data-v-f01fc2a7]{transition:opacity .3s}.fade-enter-from[data-v-f01fc2a7],.fade-leave-to[data-v-f01fc2a7]{opacity:0}.modal-overlay[data-v-f01fc2a7]{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-wrapper[data-v-f01fc2a7]{background:#0f172a;border:1px solid #6dbcf633;border-radius:20px;width:90%;max-width:400px;padding:28px;box-shadow:0 10px 25px #0000004d}.modal-header h3[data-v-f01fc2a7]{color:#fff;margin-bottom:15px;font-size:20px;font-weight:600}.modal-body p[data-v-f01fc2a7]{opacity:.7;font-size:15px;line-height:1.6}.modal-footer[data-v-f01fc2a7]{grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;display:grid}.btn-danger-modal[data-v-f01fc2a7]{cursor:pointer;color:#fff;background:#ef4444;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.btn-danger-modal[data-v-f01fc2a7]:hover{background:#dc2626}.tariffs-list[data-v-f01fc2a7]{flex-direction:column;gap:10px;margin-top:20px;margin-bottom:20px;display:flex}.tariff-item[data-v-f01fc2a7]{cursor:pointer;background:#ffffff08;border:1px solid #6dbcf61a;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;transition:all .2s;display:flex}.tariff-item[data-v-f01fc2a7]:hover{background:#ffffff12}.tariff-item.selected[data-v-f01fc2a7]{background:#6dbcf61a;border-color:#6dbcf6}.tariff-name[data-v-f01fc2a7]{color:#fff;font-weight:600}.tariff-price[data-v-f01fc2a7]{color:#6dbcf6;font-weight:700}.balance-info[data-v-f01fc2a7]{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px}.balance-item[data-v-f01fc2a7]{justify-content:space-between;margin-bottom:8px;font-size:15px;display:flex}.balance-item span[data-v-f01fc2a7]:first-child{opacity:.7}.balance-value[data-v-f01fc2a7]{color:#fff;font-weight:600}.balance-warning[data-v-f01fc2a7]{text-align:center;margin-top:10px;font-size:14px}.toast-wrapper[data-v-f01fc2a7]{z-index:1000;justify-content:center;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast[data-v-f01fc2a7]{color:#fff;border:1px solid;border-radius:12px;align-items:center;gap:15px;padding:15px 25px;font-weight:600;display:flex;box-shadow:0 5px 20px #0006}.toast-success[data-v-f01fc2a7]{background:#1a3b2a;border-color:#34d399}.toast-error[data-v-f01fc2a7]{background:#4b1f1f;border-color:#f87171}.toast-close[data-v-f01fc2a7]{color:#fff;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:24px;line-height:1}.toast-close[data-v-f01fc2a7]:hover{opacity:1}.toast-fade-enter-active[data-v-f01fc2a7],.toast-fade-leave-active[data-v-f01fc2a7]{transition:all .4s}.toast-fade-enter-from[data-v-f01fc2a7],.toast-fade-leave-to[data-v-f01fc2a7]{opacity:0;transform:translateY(20px)}@media (width<=768px){.toast-wrapper[data-v-f01fc2a7]{width:calc(100% - 40px);inset:20px 20px auto;transform:none}.toast-fade-enter-from[data-v-f01fc2a7],.toast-fade-leave-to[data-v-f01fc2a7]{opacity:0;transform:translateY(-20px)}}.layout[data-v-ac79751a]{background:#0a1325;min-height:100vh}.content[data-v-ac79751a]{max-width:800px;margin:0 auto;padding:40px}.title[data-v-ac79751a]{color:#fff;margin-bottom:30px;font-size:28px;font-weight:600}.topup-container[data-v-ac79751a]{flex-direction:column;gap:20px;display:flex}.card[data-v-ac79751a]{background:#00000040;border:1px solid #6dbcf626;border-radius:16px;padding:24px}.card-top[data-v-ac79751a]{color:#6dbcf6;align-items:center;gap:12px;margin-bottom:20px;display:flex}.card-top h3[data-v-ac79751a]{color:#fff;font-size:16px;font-weight:500}.amount-input-wrapper[data-v-ac79751a]{align-items:center;margin-bottom:15px;display:flex;position:relative}.currency-prefix[data-v-ac79751a]{color:#6dbcf6;font-size:20px;font-weight:600;position:absolute;left:16px}.input-field[data-v-ac79751a]{color:#fff;background:#ffffff0d;border:1px solid #6dbcf61a;border-radius:12px;outline:none;width:100%;padding:16px 16px 16px 40px;font-size:20px;font-weight:600;transition:all .2s}.input-field[data-v-ac79751a]:focus{background:#6dbcf60d;border-color:#6dbcf6;box-shadow:0 0 15px #6dbcf61a}.input-field[data-v-ac79751a]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[data-v-ac79751a]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.presets[data-v-ac79751a]{gap:10px;margin-bottom:15px;display:flex}.preset-btn[data-v-ac79751a]{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px;font-size:14px;transition:all .2s}.preset-btn[data-v-ac79751a]:hover{background:#ffffff14;border-color:#6dbcf64d}.preset-btn.active[data-v-ac79751a]{color:#6dbcf6;background:#6dbcf626;border-color:#6dbcf6}.hint[data-v-ac79751a]{opacity:.5;font-size:12px}.section-title[data-v-ac79751a]{margin-top:10px;font-size:18px;font-weight:500}.methods-grid[data-v-ac79751a]{grid-template-columns:1fr;gap:12px;display:grid}.method-item[data-v-ac79751a]{cursor:pointer;background:#00000040;border:1px solid #6dbcf61a;border-radius:14px;align-items:center;gap:15px;padding:16px;transition:all .2s;display:flex;position:relative}.method-item[data-v-ac79751a]:hover{border-color:#6dbcf64d;transform:translate(5px)}.method-item.active[data-v-ac79751a]{background:#6dbcf614;border-color:#6dbcf6}.method-icon-box[data-v-ac79751a]{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;padding:8px;display:flex}.method-icon-box img[data-v-ac79751a]{object-fit:contain;width:100%;height:100%}.method-name[data-v-ac79751a]{font-size:15px;font-weight:600}.method-desc[data-v-ac79751a]{opacity:.5;font-size:12px}.check-mark[data-v-ac79751a]{border:2px solid #ffffff1a;border-radius:50%;width:20px;height:20px;margin-left:auto;transition:all .2s}.method-item.active .check-mark[data-v-ac79751a]{background:#6dbcf6;border-color:#6dbcf6;box-shadow:0 0 10px #6dbcf680}.pay-btn[data-v-ac79751a]{color:#0a1325;cursor:pointer;background:#6dbcf6;border:none;border-radius:14px;width:100%;margin-top:10px;padding:18px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #6dbcf633}.pay-btn[data-v-ac79751a]:hover:not(:disabled){opacity:.95;transform:translateY(-2px);box-shadow:0 6px 20px #6dbcf666}.pay-btn[data-v-ac79751a]:disabled{color:#fff3;cursor:not-allowed;box-shadow:none;background:#ffffff0d}.fade-enter-active[data-v-ac79751a],.fade-leave-active[data-v-ac79751a]{transition:opacity .4s,transform .4s}.fade-enter-from[data-v-ac79751a]{opacity:0;transform:translateY(15px)}.loading-overlay[data-v-ac79751a]{z-index:100;background:#0a1325;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner[data-v-ac79751a]{border:4px solid #6dbcf61a;border-top-color:#6dbcf6;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin-ac79751a}@keyframes spin-ac79751a{to{transform:rotate(360deg)}}@media (width<=600px){.content[data-v-ac79751a]{padding:20px}.presets[data-v-ac79751a]{flex-wrap:wrap}}.header-wrapper[data-v-24f3fab7]{margin-bottom:30px}.title[data-v-24f3fab7]{color:#fff;margin-left:20px;font-size:32px;font-weight:700}.subtitle[data-v-24f3fab7]{opacity:.5;max-width:500px;font-size:15px}.plans-grid[data-v-24f3fab7]{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:120px;display:grid}.plan-card[data-v-24f3fab7]{cursor:pointer;background:#ffffff08;border:1px solid #6dbcf61a;border-radius:20px;flex-direction:column;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.plan-card[data-v-24f3fab7]:hover{background:#ffffff0d;border-color:#6dbcf666;transform:translateY(-8px);box-shadow:0 10px 30px #0000004d,0 0 20px #6dbcf61a}.plan-featured[data-v-24f3fab7]{background:#6dbcf60d;border-color:#6dbcf6}.plan-featured[data-v-24f3fab7]:hover{box-shadow:0 10px 40px #6dbcf633}.badge[data-v-24f3fab7]{color:#0a1325;text-transform:uppercase;background:#6dbcf6;border-radius:8px;padding:4px 12px;font-size:12px;font-weight:800;position:absolute;top:15px;right:20px}.plan-name[data-v-24f3fab7]{color:#fff;margin-bottom:12px;font-size:20px;font-weight:600}.price-val[data-v-24f3fab7]{color:#6dbcf6;font-size:38px;font-weight:800}.price-period[data-v-24f3fab7]{opacity:.5;margin-left:4px;font-size:16px}.plan-features[data-v-24f3fab7]{flex:1;margin:25px 0;padding:0;list-style:none}.plan-features li[data-v-24f3fab7]{color:#fffc;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;display:flex}.plan-features li svg[data-v-24f3fab7]{color:#6dbcf6}.plan-btn[data-v-24f3fab7]{border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s}.btn-primary[data-v-24f3fab7]{color:#0a1325;background:#6dbcf6}.btn-outline[data-v-24f3fab7]{color:#fff;background:#ffffff12;border:1px solid #ffffff1a}.checkout-panel[data-v-24f3fab7]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;background:#111b2fe6;border:1px solid #6dbcf666;border-radius:20px;padding:20px 30px;position:fixed;bottom:25px;left:345px;right:25px;box-shadow:0 -10px 40px #0009}.checkout-content[data-v-24f3fab7]{justify-content:space-between;align-items:center;gap:20px;display:flex}.selected-plan-title[data-v-24f3fab7]{margin-bottom:8px;font-size:18px}.selected-plan-title span[data-v-24f3fab7]{color:#6dbcf6;font-weight:800}.method-mini-grid[data-v-24f3fab7]{gap:10px;display:flex}.method-mini-grid button[data-v-24f3fab7]{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:8px 18px;font-size:13px;transition:all .2s}.method-mini-grid button.active[data-v-24f3fab7]{color:#6dbcf6;background:#6dbcf626;border-color:#6dbcf6;box-shadow:0 0 15px #6dbcf633}.checkout-right[data-v-24f3fab7]{gap:12px;display:flex}.btn-confirm[data-v-24f3fab7]{color:#0a1325;cursor:pointer;background:#6dbcf6;border:none;border-radius:12px;padding:14px 28px;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-confirm[data-v-24f3fab7]:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000004d,0 0 20px #6dbcf61a}.btn-cancel[data-v-24f3fab7]{color:#ff5e5e;cursor:pointer;background:#ff5e5e1a;border:1px solid #ff5e5e33;border-radius:12px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-cancel[data-v-24f3fab7]:hover{background:#ff5e5e33;border-color:#fe4949;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d,0 0 20px #6dbcf61a}@media (width<=1024px){.checkout-panel[data-v-24f3fab7]{bottom:20px;left:20px;right:20px}}@media (width<=768px){.title[data-v-24f3fab7]{font-size:24px}.plans-grid[data-v-24f3fab7]{grid-template-columns:1fr;margin-bottom:180px}.checkout-panel[data-v-24f3fab7]{border-bottom:none;border-left:none;border-right:none;border-radius:20px 20px 0 0;padding:20px;bottom:0;left:0;right:0}.checkout-content[data-v-24f3fab7]{flex-direction:column;align-items:stretch;gap:15px}.method-mini-grid[data-v-24f3fab7]{justify-content:space-between}.method-mini-grid button[data-v-24f3fab7]{flex:1;padding:12px 5px}.checkout-right[data-v-24f3fab7]{flex-direction:row}.btn-confirm[data-v-24f3fab7],.btn-cancel[data-v-24f3fab7]{flex:1;padding:16px}}.slide-up-enter-active[data-v-24f3fab7],.slide-up-leave-active[data-v-24f3fab7]{transition:all .4s cubic-bezier(.16,1,.3,1)}.slide-up-enter-from[data-v-24f3fab7],.slide-up-leave-to[data-v-24f3fab7]{opacity:0;transform:translateY(100%)}.loading-overlay[data-v-24f3fab7]{z-index:999;background:#0a1325;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner[data-v-24f3fab7]{border:3px solid #6dbcf61a;border-top-color:#6dbcf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin-24f3fab7}@keyframes spin-24f3fab7{to{transform:rotate(360deg)}}.toast-wrapper[data-v-24f3fab7]{z-index:1000;justify-content:center;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.toast[data-v-24f3fab7]{color:#fff;border:1px solid;border-radius:12px;align-items:center;gap:15px;padding:15px 25px;font-weight:600;display:flex;box-shadow:0 5px 20px #0006}.toast-success[data-v-24f3fab7]{background:#1a3b2a;border-color:#34d399}.toast-error[data-v-24f3fab7]{background:#4b1f1f;border-color:#f87171}.toast-close[data-v-24f3fab7]{color:#fff;opacity:.5;cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:24px;line-height:1}.toast-close[data-v-24f3fab7]:hover{opacity:1}.toast-fade-enter-active[data-v-24f3fab7],.toast-fade-leave-active[data-v-24f3fab7]{transition:all .4s}.toast-fade-enter-from[data-v-24f3fab7],.toast-fade-leave-to[data-v-24f3fab7]{opacity:0;transform:translateY(20px)}@media (width<=768px){.toast-wrapper[data-v-24f3fab7]{width:calc(100% - 40px);inset:20px 20px auto;transform:none}.toast-fade-enter-from[data-v-24f3fab7],.toast-fade-leave-to[data-v-24f3fab7]{opacity:0;transform:translateY(-20px)}}