:root{color-scheme:dark;--bg:#080d1a;--panel:#10192b;--panel2:#121e33;--border:#263147;--muted:#899bb8;--muted2:#657793;--ink:#f4f7ff;--blue:#3e8bff;--violet:#985dff;--cyan:#52d8f7;--green:#55deb3;--nav:rgba(8,13,26,.96)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#060a15}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #82caff;outline-offset:3px}body{overscroll-behavior-y:none}svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{max-width:560px;min-height:100dvh;margin:0 auto;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 280px at 85% 0%,rgba(62,105,234,.17),transparent 80%),var(--bg)}.shell:before{content:"";position:absolute;inset:90px 0 0;pointer-events:none;opacity:.2;background-image:linear-gradient(rgba(110,147,225,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(110,147,225,.16) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 530px)}.topbar{height:91px;padding:14px 22px 12px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(125,155,230,.10);background:rgba(8,13,26,.66)}.brand{display:flex;align-items:center;gap:11px;cursor:pointer}.brand-mark{height:48px;width:48px;border-radius:16px;border:1px solid #2c5391;object-fit:cover;box-shadow:0 0 24px rgba(56,119,255,.15)}.brand-name{font-size:20px;font-weight:820;letter-spacing:-.8px}.brand-name span{color:#80c9ff}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:3px;letter-spacing:.35px}.header-right{display:flex;align-items:center;gap:9px}.pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:850;letter-spacing:1px;border:1px solid #35486c;border-radius:20px;padding:9px 11px;color:#97caff}.pill-dot{width:6px;height:6px;border-radius:50%;background:#4c99ff;box-shadow:0 0 8px #2a8dff}.icon-button,.round-btn{width:37px;height:37px;border-radius:12px;border:1px solid #2a3953;background:#10192a;color:#a1b8d9;display:flex;align-items:center;justify-content:center}.icon-button svg{width:20px;height:20px}.content{position:relative;z-index:1;padding:24px 18px calc(114px + env(safe-area-inset-bottom));min-height:calc(100dvh - 90px)}.eyebrow{font-size:10px;font-weight:820;letter-spacing:2px;text-transform:uppercase;color:#6fb4ff}.greeting{font-size:31px;letter-spacing:-1.05px;line-height:1.12;margin:11px 0 6px;font-weight:790}.muted{color:var(--muted)}.subtitle{font-size:14px;line-height:1.5;color:var(--muted);margin:0}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:16px}.page-title{font-size:28px;letter-spacing:-.9px;font-weight:790;margin:9px 0 6px}.section-title{font-size:18px;font-weight:760;letter-spacing:-.45px;margin:0}.soft-label{font-size:12px;color:var(--muted)}.space-24{height:24px}.space-18{height:18px}.space-12{height:12px}.card{border:1px solid rgba(113,145,205,.18);background:linear-gradient(160deg,rgba(22,34,55,.96),rgba(13,22,37,.94));border-radius:24px;padding:20px;box-shadow:0 10px 38px rgba(1,7,21,.12)}.border-blue{border-color:rgba(80,147,255,.65);box-shadow:inset 0 0 0 1px rgba(72,129,255,.1),0 14px 38px rgba(19,58,154,.09)}.hero{margin-top:22px;padding:22px;position:relative;overflow:hidden;min-height:255px;background:radial-gradient(ellipse at 75% 22%,rgba(61,93,215,.33),transparent 53%),linear-gradient(135deg,#162743,#0b1730 65%,#10132a);border:1px solid rgba(83,133,239,.45)}.hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(91,167,255,.13);border-radius:50%;right:-100px;top:-130px;box-shadow:0 0 0 35px rgba(61,129,242,.035),0 0 0 75px rgba(61,129,242,.028)}.hero-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#afc7e7}.status-dot{width:8px;height:8px;background:#ffbd7b;box-shadow:0 0 0 4px rgba(255,170,95,.12);border-radius:50%}.hero-emblem{position:absolute;width:155px;height:155px;right:-11px;top:45px;object-fit:cover;opacity:.81;filter:drop-shadow(0 9px 25px #0059be66);border-radius:50%;mask-image:radial-gradient(circle,black 46%,transparent 72%)}.hero-heading{position:relative;z-index:1;max-width:220px;font-size:32px;letter-spacing:-1.2px;line-height:1.06;font-weight:820;margin:31px 0 11px}.hero-desc{font-size:13px;color:#a2b8d9;line-height:1.55;max-width:215px;position:relative;z-index:1}.hero-bottom{margin-top:18px;position:relative;z-index:1}.primary,.secondary,.ghost-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:14px;font-size:14px;font-weight:750;padding:14px 17px;min-height:48px;border:0}.primary{background:linear-gradient(105deg,#277cff,#6a71ff 58%,#935aff);box-shadow:0 10px 24px #2849b83d;color:#fff}.primary svg,.secondary svg{width:19px;height:19px}.secondary{background:#172842;border:1px solid #30476c;color:#cce0fb}.ghost-btn{background:none;border:1px solid #30405d;color:#b7cdf0}.wide{width:100%}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.vstack{display:flex;flex-direction:column;gap:10px}.mini-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mini-stat{padding:19px 17px;min-height:134px}.mini-stat svg{width:22px;height:22px;color:#76b8ff}.mini-stat .big-num{margin:10px 0 4px;font-size:26px;letter-spacing:-.7px;font-weight:800}.mini-stat .stat-sub{font-size:12px;color:var(--muted);line-height:1.4}.section-head{display:flex;align-items:center;justify-content:space-between;margin:25px 1px 12px}.subtle-link{color:#85baff;font-size:12px;background:none;border:0;font-weight:700}.device-card{padding:17px 19px}.device-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#142b4a;border:1px solid #2c4a72;color:#7bbfff}.device-icon svg{width:22px;height:22px}.device-card .row{align-items:center}.device-card strong{font-size:15px}.device-card p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.4}.round-arrow{width:27px;height:27px;color:#7399c5}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.service-item{padding:14px 8px 13px;background:#101b2f;border:1px solid #23354f;border-radius:17px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#bed8f5;min-height:92px;font-size:11px;font-weight:650;text-align:center}.service-item svg{color:#7faaff}.footnote{font-size:11px;color:#687c9b;line-height:1.5;margin:14px 3px 0}.plan-card{position:relative;padding:19px 20px;display:flex;flex-direction:column;gap:14px}.plan-card.selected{border-color:#488fff;box-shadow:inset 0 0 0 1px #488fff70;background:linear-gradient(150deg,#182945,#10172a)}.plan-pick{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;width:100%;text-align:left;background:none;border:0;color:inherit;padding:0}.plan-period{font-size:15px;font-weight:760}.plan-info{font-size:12px;color:var(--muted);margin-top:4px}.plan-price{font-size:23px;font-weight:830;letter-spacing:-.8px;white-space:nowrap}.plan-price small{font-size:12px;font-weight:450;color:var(--muted)}.plan-radio{width:19px;height:19px;border:2px solid #4c6286;border-radius:50%;display:grid;place-items:center;flex:none}.selected .plan-radio{border-color:#71aeff}.selected .plan-radio:after{content:"";height:8px;width:8px;border-radius:50%;background:#6ea8ff}.plan-line{height:1px;background:#25354f}.benefit{font-size:12px;display:flex;align-items:center;gap:7px;color:#a8c1e2}.benefit svg{width:15px;height:15px;color:#63d4be}.tag-best{font-size:10px;letter-spacing:.4px;font-weight:790;border-radius:9px;padding:5px 8px;color:#d8cdff;background:#493c8333;border:1px solid #6456ac55}.detail-row{padding:15px 0;border-bottom:1px solid #233149;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.detail-row:last-child{border-bottom:0;padding-bottom:0}.detail-row .right{font-weight:690}.dim-icon{width:45px;height:45px;border-radius:14px;background:#152643;border:1px solid #264065;display:grid;place-items:center;color:#82bdff}.dim-icon svg{width:23px;height:23px}.big-balance{font-size:43px;font-weight:820;letter-spacing:-1.2px;margin:11px 0 6px}.input{background:#0b1426;color:#f0f6ff;border:1px solid #2b3c56;border-radius:13px;padding:14px 14px;width:100%;min-width:0;font-size:14px}.input::placeholder{color:#7184a4}.form-row{display:flex;align-items:stretch;gap:9px}.form-row .primary{flex:none;padding-inline:16px}.notice{display:flex;align-items:flex-start;gap:10px;padding:14px 15px;border:1px solid #2b4164;border-radius:14px;background:#15264266;color:#a7c0e1;font-size:12px;line-height:1.5}.notice svg{width:20px;height:20px;color:#6ea7ff}.empty-icon{height:66px;width:66px;background:#182944;border:1px solid #2f4b75;border-radius:22px;display:grid;place-items:center;margin:0 auto 14px;color:#81baff}.empty-state{text-align:center;padding:28px 20px}.empty-state h3{font-size:18px;margin:0 0 7px}.empty-state p{color:#8da4c5;font-size:13px;line-height:1.55;margin:0 auto 18px;max-width:270px}.friend-banner{position:relative;overflow:hidden;background:linear-gradient(140deg,#202349,#16264c 60%,#11263d);border-color:#403e78}.friend-banner:before{content:"✦";font-size:160px;position:absolute;right:-15px;top:-43px;color:#9382ff16}.friend-banner h3{margin:11px 0 7px;font-size:24px;letter-spacing:-.55px}.friend-banner p{font-size:13px;color:#b6b6dc;line-height:1.52;max-width:260px}.ref-number{font-size:32px;font-weight:830;letter-spacing:-.7px}.faq-item{border-bottom:1px solid #233149}.faq-item:last-child{border-bottom:0}.faq-q{width:100%;border:0;background:none;color:#eaf3ff;padding:17px 0;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:670}.faq-q svg{height:17px;width:17px;transition:transform .2s;color:#8ba6cc}.faq-item.open .faq-q svg{transform:rotate(180deg)}.faq-a{color:#99adce;font-size:12px;line-height:1.7;padding:0 10px 18px 0;display:none}.faq-item.open .faq-a{display:block}.platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.platform{padding:14px;border:1px solid #2a3a58;border-radius:15px;background:#142038;display:flex;align-items:center;gap:9px;color:#d9e7fb;font-size:13px;font-weight:730}.platform svg{color:#82baff}.center{text-align:center}.big-icon{width:52px;height:52px}.bottom-nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translateX(-50%);max-width:560px;width:100%;height:calc(83px + env(safe-area-inset-bottom));padding:8px 10px calc(9px + env(safe-area-inset-bottom));background:var(--nav);backdrop-filter:blur(15px);border-top:1px solid #22314b;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.nav-button{background:transparent;border:0;color:#7384a0;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-width:0;font-size:10px;font-weight:580;padding:8px 2px 7px}.nav-button svg{width:22px;height:22px}.nav-button.active{color:#7bb7ff;background:linear-gradient(150deg,#132c57,#102043)}.nav-button.active svg{filter:drop-shadow(0 0 5px #397cf544)}.modal-layer[hidden]{display:none}.modal-layer{position:fixed;inset:0;z-index:8;display:flex;align-items:flex-end;justify-content:center}.modal-shade{position:absolute;inset:0;background:rgba(0,4,13,.7);backdrop-filter:blur(6px)}.modal-card{width:100%;max-width:560px;position:relative;max-height:90dvh;overflow:auto;background:linear-gradient(160deg,#17243d,#101729);border-radius:28px 28px 0 0;border:1px solid #304667;padding:26px 22px calc(27px + env(safe-area-inset-bottom));box-shadow:0 10px 60px #000a}.modal-x{position:absolute;right:17px;top:14px;height:34px;width:34px;border-radius:11px;background:#1d2d48;border:1px solid #324664;color:#b0c6e5;font-size:25px;line-height:20px}.modal-card h3{font-size:24px;letter-spacing:-.7px;margin:17px 35px 8px 0}.modal-card p{font-size:13px;color:#a0b7d7;line-height:1.65;margin:0 0 16px}.toast{position:fixed;z-index:12;bottom:calc(99px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);width:max-content;max-width:min(calc(100vw - 40px),460px);background:#224270;color:#f1f6ff;border:1px solid #4987dd;padding:12px 17px;border-radius:12px;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:transform .22s,opacity .22s;box-shadow:0 8px 40px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}.label{font-size:13px;color:var(--muted);margin:0 0 5px}.devices-status{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.devices-status>div{background:#101c30;border:1px solid #233752;padding:13px;border-radius:14px}.devices-status b{font-size:22px;display:block}.devices-status span{font-size:11px;color:#839ab9}.spinner{width:22px;height:22px;border:2px solid #304c7b;border-top-color:#6aabff;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:600px){.shell{border-left:1px solid #18243a;border-right:1px solid #18243a}.content{padding-left:24px;padding-right:24px}}@media(max-width:365px){.greeting{font-size:28px}.brand-name{font-size:17px}.brand small{font-size:10px}.header-right{gap:5px}.content{padding-left:13px;padding-right:13px}.hero-heading{font-size:28px}.hero-emblem{right:-36px;width:145px}.form-row{flex-wrap:wrap}.form-row .primary{width:100%}}
/* APET VPN 0.2 refinements */
.hero-version{font-size:10px;font-weight:800;letter-spacing:1px;color:#96c7ff;background:#18335a;border:1px solid #3669a2;border-radius:8px;padding:6px 9px}.home-summary{margin-top:11px;padding:18px 19px}.summary-plan{margin:17px 0 9px;align-items:flex-start}.summary-plan strong{font-size:21px;letter-spacing:-.5px}.summary-plan b{font-size:20px;white-space:nowrap}.summary-plan p{margin:4px 0 0;font-size:12px;color:var(--muted)}.preview-chip{font-size:10px;color:#ffd39c;border:1px solid #88664373;background:#62441b42;border-radius:8px;padding:6px 8px;font-weight:790;letter-spacing:.25px}.home-summary .subtle-link{display:flex;align-items:center;gap:6px;padding:4px 0}.subtle-link svg{height:16px;width:16px}.icon-box{width:43px;height:43px;border:1px solid #354a78;border-radius:14px;background:#1a2e50;display:grid;place-items:center;color:#85bcff;flex:none}.icon-box svg{width:21px;height:21px}.promo-card{padding:19px}.promo-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.promo-header strong{font-size:15px}.promo-header p{margin:4px 0 0;color:#90a6c7;font-size:12px;line-height:1.3}.promo-input{text-transform:uppercase;letter-spacing:.6px}.promo-applied{display:flex;align-items:center;gap:7px;color:#8fe7c9;font-size:12px;margin-top:13px;line-height:1.4}.promo-applied svg{width:18px;height:18px}.promo-applied button{margin-left:auto;color:#b6c9e0;font-size:20px;background:none;border:none;line-height:1;padding:3px}.old-price{display:block;text-decoration:line-through;color:#7e91b1;font-size:12px;margin-top:5px}.accent-value{color:#8be4c8}.checkout-summary .detail-row{padding-top:13px;padding-bottom:13px}.checkout-summary .detail-row svg{width:17px;height:17px;display:inline-block;vertical-align:middle;color:#84bcff;margin-right:7px}.total-row{margin-bottom:17px}.total-row strong{font-size:23px}.checkout-summary .footnote{margin-top:12px}.cabinet-card{border-color:#32527a;background:radial-gradient(ellipse at 90% 4%,#25437c6b,transparent 70%),linear-gradient(140deg,#182743,#10182c)}.cabinet-title{font-size:26px;font-weight:780;letter-spacing:-.6px;margin:20px 0 6px}.preview-balance{font-size:36px;font-weight:800;margin-top:7px;letter-spacing:-.7px}.friend-banner .tag-best{display:inline-flex;margin-bottom:4px}.fake-link{margin:12px 0;background:#091326;border:1px solid #2a395a;border-radius:12px;padding:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:#8d9fbd}.ref-counter{display:flex;align-items:center;justify-content:center;gap:27px;margin:20px auto}.ref-counter button{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:#bddbff;border:1px solid #365379;background:#182d4d}.ref-counter svg{height:20px;width:20px}.ref-counter b{font-size:34px;font-variant-numeric:tabular-nums;min-width:42px;text-align:center}.bonus-result{border-radius:14px;background:linear-gradient(115deg,#193651,#25284e);border:1px solid #3b4f85;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.bonus-result span{font-size:12px;color:#9db9db}.bonus-result strong{font-size:24px;color:#91ead9}.demo-notice{margin-bottom:12px}.preview-balance+.footnote{margin-top:4px}
@media(max-width:365px){.checkout-summary .detail-row{font-size:12px}.form-row{flex-wrap:wrap}.form-row .primary{width:100%}.brand-name{font-size:17px}.promo-card{padding:16px}.nav-button{font-size:9px}}