:root{--bg: #090c10;--surface: #10151c;--surface-2: #161c25;--surface-3: #1b232e;--line: rgba(255,255,255,.085);--line-strong: rgba(255,255,255,.14);--text: #f5f2e9;--muted: #b2bbc7;--muted-2: #8e99a7;--font-caption: 11px;--font-body-sm: 12px;--font-label: 12.5px;--gold: #e8bd55;--gold-2: #f7d77f;--gold-soft: rgba(232,189,85,.11);--green: #4dd58b;--green-soft: rgba(77,213,139,.11);--orange: #ffae57;--red: #ff6b75;--blue: #67a7ff;--radius: 18px;--radius-sm: 12px;--shadow: 0 22px 70px rgba(0,0,0,.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;overflow-x:hidden;color:var(--text);background:radial-gradient(circle at 80% -20%,rgba(232,189,85,.12),transparent 32rem),var(--bg);font-family:Vazirmatn,Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--gold);outline-offset:3px}svg{display:block}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.prototype-bar{position:fixed;inset:0 0 auto;z-index:100;height:34px;display:flex;align-items:center;justify-content:center;gap:8px;color:#171205;background:linear-gradient(90deg,#c99b34,#f4d777,#c99b34);font-size:11px;font-weight:800;letter-spacing:-.01em}.prototype-bar span{opacity:.7;font-weight:600}.app{min-height:100vh;padding-top:0}.sidebar{position:fixed;z-index:30;inset:0 0 0 auto;width:255px;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(232,189,85,.18) transparent;padding:24px 18px 18px;background:#0d1117f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-left:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 34px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#191305;border-radius:14px;background:linear-gradient(145deg,var(--gold-2),#b98521);box-shadow:0 9px 25px #e8bd5533}.brand-mark svg{width:24px;height:24px}.brand-name b{display:block;font-size:18px;letter-spacing:-.04em}.brand-name span{color:var(--muted);font-size:10px}.nav-label{color:var(--muted-2);font-size:10px;font-weight:700;margin:0 12px 10px}.nav{display:grid;gap:5px}.nav-btn{position:relative;width:100%;display:flex;align-items:center;gap:12px;padding:12px 13px;color:var(--muted);border:0;border-radius:12px;background:transparent;text-align:right;font-size:13.5px;font-weight:600;transition:.18s ease}.nav-btn:hover{color:var(--text);background:#ffffff09}.nav-btn.active{color:var(--gold-2);background:var(--gold-soft)}.nav-btn.active:after{content:"";position:absolute;right:-18px;width:3px;height:25px;border-radius:4px 0 0 4px;background:var(--gold)}.nav-btn .count{margin-right:auto;min-width:21px;padding:2px 6px;color:#161106;background:var(--gold);border-radius:20px;font-size:10px;text-align:center}.sidebar-bottom{margin-top:auto}.help-mini{padding:14px;margin-bottom:14px;background:linear-gradient(145deg,rgba(232,189,85,.08),transparent);border:1px solid var(--line);border-radius:14px}.help-mini b{display:block;font-size:12px;margin-bottom:4px}.help-mini span{display:block;color:var(--muted);font-size:10.5px;line-height:1.8}.profile{width:100%;display:flex;align-items:center;gap:10px;padding:12px 8px 0;color:var(--text);background:transparent;border:0;border-top:1px solid var(--line);text-align:right}.avatar{width:35px;height:35px;display:grid;place-items:center;color:var(--gold-2);background:var(--gold-soft);border-radius:50%;font-size:12px;font-weight:800}.profile b{display:block;font-size:11.5px}.profile span{color:var(--muted);font-size:9.5px}.main{margin-right:255px;min-height:100vh}.topbar{position:sticky;top:0;z-index:20;height:72px;display:flex;align-items:center;padding:0 clamp(20px,4vw,48px);background:#090c10c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.top-title b{display:block;font-size:15px}.top-title span{color:var(--muted);font-size:10.5px}.top-actions{margin-right:auto;display:flex;align-items:center;gap:9px}.icon-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:.2s ease}.icon-btn:hover{color:var(--text);border-color:var(--line-strong)}.icon-btn.has-alert{color:#fff;background:linear-gradient(145deg,#b91f31,#791421);border-color:#ff6b7599;box-shadow:0 0 0 3px #ff415214,0 9px 26px #880c1c42}.icon-btn.has-alert:hover{color:#fff;border-color:#ff7b86;transform:translateY(-1px)}.icon-btn .dot{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;display:grid;place-items:center;padding:0 4px;color:#fff;background:#ff4051;border:2px solid var(--bg);border-radius:20px;font-size:8px;font-weight:900;line-height:1;box-shadow:0 5px 13px #ff405159}.icon-btn:not(.has-alert) .dot{display:none}.content{width:min(1180px,100%);margin:0 auto;padding:34px clamp(18px,4vw,48px) 80px}.view{display:none;animation:reveal .3s ease}.view.active{display:block}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--gold);font-size:10px;font-weight:800;margin-bottom:7px}.eyebrow:before{content:"";width:18px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}.page-head h1{margin-bottom:5px;font-size:clamp(23px,3vw,32px);letter-spacing:-.045em}.page-head p{margin:0;color:var(--muted);font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 17px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:11px;font-size:12px;font-weight:700;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong)}.btn-primary{color:#171205;background:linear-gradient(120deg,var(--gold-2),#d4a83f);border-color:transparent;box-shadow:0 10px 25px #e8bd5524}.btn-ghost{background:transparent}.btn-danger{color:var(--red);background:#ff6b7512;border-color:#ff6b7533}.btn-sm{min-height:36px;padding:0 13px;font-size:11px}.btn-block{width:100%}.card{background:linear-gradient(145deg,#161c25f5,#0f141bf5);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-service{position:relative;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr;min-height:285px;margin-bottom:20px}.hero-service:before{content:"";position:absolute;width:420px;height:420px;left:-150px;top:-240px;border:1px solid rgba(232,189,85,.13);border-radius:50%;box-shadow:0 0 0 55px #e8bd5506,0 0 0 110px #e8bd5505}.hero-service.family-service-wg{border-color:#ff41523d;background:linear-gradient(105deg,#121318fa,#31040c94)}.hero-service.family-service-wg:before{border-color:#ff415233;box-shadow:0 0 0 55px #ff415209,0 0 0 110px #ff415205}.hero-service.family-service-wg .shield{color:#ff6471;border-color:#ff415247}.hero-service.family-service-wg .connect-orb:before{border-color:#ff415257}.hero-service.family-service-wg .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6370,#c71f34)}.hero-copy{position:relative;z-index:1;padding:clamp(25px,4vw,42px)}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:50px;font-size:11.5px;font-weight:700}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,currentColor 13%,transparent)}.status-live{color:var(--green);background:var(--green-soft)}.status-warn{color:var(--orange);background:#ffae571a}.hero-copy h2{max-width:560px;margin:20px 0 9px;font-size:clamp(24px,3.7vw,39px);line-height:1.45;letter-spacing:-.055em}.hero-copy>p{max-width:540px;color:var(--muted);font-size:13px;line-height:2}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:23px}.hero-visual{position:relative;display:grid;place-items:center;min-height:250px}.connect-orb{position:relative;width:164px;height:164px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,rgba(232,189,85,.16),rgba(232,189,85,.03) 57%,transparent 59%)}.connect-orb:before,.connect-orb:after{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border:1px dashed rgba(232,189,85,.32);border-radius:50%;animation:spin 22s linear infinite}.connect-orb:after{top:1px;right:1px;bottom:1px;left:1px;border-style:solid;border-color:#e8bd5514;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.shield{width:90px;height:90px;display:grid;place-items:center;color:var(--gold-2);background:#080b0fd1;border:1px solid rgba(232,189,85,.25);border-radius:30px;transform:rotate(45deg);box-shadow:0 18px 60px #00000059}.shield svg{width:43px;height:43px;transform:rotate(-45deg)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.stat{padding:19px;background:#ffffff05;border:1px solid var(--line);border-radius:15px}.stat-label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10.5px}.stat-label .icon{width:15px;height:15px;color:var(--gold)}.stat b{display:block;margin-top:12px;font-size:21px;letter-spacing:-.04em}.stat small{color:var(--muted-2);font-size:9px}.progress{height:5px;overflow:hidden;margin-top:12px;background:#ffffff0d;border-radius:20px}.progress i{display:block;height:100%;background:linear-gradient(90deg,#b88927,var(--gold-2));border-radius:inherit}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.section-card{padding:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-head h3{margin:0;font-size:15px}.section-head button{color:var(--gold);background:none;border:0;font-size:10.5px}.service-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.service-row:last-child{padding-bottom:0;border:0}.service-icon{width:43px;height:43px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:13px}.service-row b{display:block;font-size:12px;margin-bottom:3px}.service-row span{color:var(--muted);font-size:11.5px;line-height:1.8}.service-row .row-action{color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:10px}.notice{display:flex;gap:11px;padding:14px;color:#f3d99e;background:#e8bd5512;border:1px solid rgba(232,189,85,.15);border-radius:13px;font-size:10.5px;line-height:1.85}.notice .icon{flex:none;width:17px;height:17px;margin-top:2px}.timeline{display:grid;gap:18px;margin-top:20px}.timeline-item{position:relative;display:grid;grid-template-columns:14px 1fr;gap:10px}.timeline-item:not(:last-child):after{content:"";position:absolute;right:6px;top:15px;bottom:-20px;width:1px;background:var(--line)}.timeline-item i{width:13px;height:13px;border:3px solid var(--surface-2);background:var(--green);border-radius:50%;z-index:1}.timeline-item b{display:block;font-size:11px;margin-bottom:3px}.timeline-item span{color:var(--muted);font-size:11px;line-height:1.75}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.chip{padding:8px 13px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:99px;font-size:10.5px}.chip.active{color:#171205;background:var(--gold);border-color:var(--gold);font-weight:800}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{position:relative;overflow:hidden;padding:22px}.service-card.primary{border-color:#4dd58b30}.service-card.family-service-wg{border-color:#ff415247;background:linear-gradient(105deg,#08090df7 8%,#1c0409d4 54%,#2602088f),url(/assets/store-wireguard-eagle.webp) center 29%/cover no-repeat}.service-card.family-service-wg .service-icon{color:#ff5d6b;background:#ff41521f}.service-card.family-service-wg .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6370,#c71f34)}.service-card.family-service-v2{border-color:#9a83ff40;background:linear-gradient(105deg,#080a12f7 8%,#070c1dd1 54%,#050a1b8a),url(/assets/store-v2ray-eagle.webp) center 29%/cover no-repeat}.service-card.family-service-v2 .service-icon{color:#a997ff;background:#9a83ff1c}.service-card.family-service-v2 .btn-primary{color:#100b20;background:linear-gradient(120deg,#c4b8ff,#8971ed)}.service-card-top{display:flex;align-items:start;justify-content:space-between;gap:15px}.service-card h3{margin:13px 0 5px;font-size:17px}.service-card p{color:var(--muted);font-size:12px;line-height:1.8}.service-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.mini-stat{padding:10px;background:#ffffff06;border-radius:10px}.mini-stat span{display:block;color:var(--muted);font-size:11px;line-height:1.65}.mini-stat b{display:block;margin-top:2px;font-size:12.5px;font-weight:700}.card-actions{display:flex;gap:8px}.back{display:inline-flex;align-items:center;gap:7px;margin-bottom:18px;color:var(--muted);border:0;background:transparent;font-size:11px}.detail-hero{padding:clamp(22px,4vw,36px);margin-bottom:18px}.detail-hero.wg-detail{border-color:#ff415242;background:linear-gradient(90deg,#0e0f13f7,#2d040bb8),url(/assets/wireguard-dragon-v1.webp) left center/auto 190% no-repeat}.detail-hero.wg-detail .service-icon{color:#ff5d6b;background:#ff41521f}.detail-hero.wg-detail .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6370,#c71f34)}.detail-hero.v2-detail{border-color:#9a83ff47;background:radial-gradient(circle at 0 100%,rgba(154,131,255,.18),transparent 42%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(154,131,255,.027) 23px 24px),var(--surface)}.detail-top{display:flex;justify-content:space-between;align-items:start;gap:18px}.detail-title{display:flex;gap:14px;align-items:center}.detail-title h1{margin:0 0 5px;font-size:24px}.detail-title p{margin:0;color:var(--muted);font-size:10.5px}.detail-actions{display:flex;gap:8px}.tabs{display:flex;gap:5px;overflow-x:auto;padding:5px;margin-top:28px;background:#00000029;border:1px solid var(--line);border-radius:13px;scrollbar-width:none}.tab{flex:1;min-width:max-content;padding:9px 14px;color:var(--muted);background:transparent;border:0;border-radius:9px;font-size:10.5px}.tab.active{color:var(--text);background:var(--surface-3);box-shadow:0 5px 15px #00000029}.tab-panel{display:none}.tab-panel.active{display:block;animation:reveal .2s ease}.setup-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px;padding:24px}.steps{display:grid;gap:16px;margin:20px 0}.step{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:start}.step-no{width:28px;height:28px;display:grid;place-items:center;color:#171205;background:var(--gold);border-radius:9px;font-size:10px;font-weight:900}.step b{display:block;font-size:11px}.step span{color:var(--muted);font-size:9.5px}.qr{width:142px;height:142px;padding:12px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#fff;border-radius:13px;box-shadow:0 12px 35px #00000040}.qr i{background:#10151c;border-radius:1px}.store-intro{display:none;grid-template-columns:1fr auto;gap:24px;padding:24px;margin-bottom:20px;background:linear-gradient(130deg,#e8bd551f,#161c25d6 55%)}.store-intro h2{font-size:20px;margin-bottom:6px}.store-intro p{max-width:600px;margin:0;color:var(--muted);font-size:11px;line-height:1.9}.product-switch{display:none;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.product-choice{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:17px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:15px;text-align:right}.product-choice:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:.2s;pointer-events:none}.product-choice[data-product=wireguard]:after{background:radial-gradient(circle at 8% 100%,rgba(255,65,82,.15),transparent 45%),repeating-radial-gradient(circle at 10% 100%,transparent 0 16px,rgba(255,65,82,.07) 17px 18px)}.product-choice[data-product=v2ray]:after{background:linear-gradient(120deg,transparent 45%,rgba(154,131,255,.08)),repeating-linear-gradient(45deg,transparent 0 18px,rgba(154,131,255,.035) 19px 20px)}.product-choice.active:after{opacity:1}.product-choice.active{color:var(--text)}.product-choice[data-product=wireguard].active{border-color:#ff41526b;box-shadow:inset 0 0 0 1px #ff415212,0 12px 35px #70000f1a}.product-choice[data-product=v2ray].active{border-color:#9a83ff61;box-shadow:inset 0 0 0 1px #9a83ff0f}.product-choice>*{position:relative;z-index:1}.family-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px}.product-choice[data-product=wireguard] .family-icon{color:#ff5a68;background:#ff41521c}.product-choice[data-product=v2ray] .family-icon{color:#a997ff;background:#9a83ff1c}.product-choice b{display:block;color:var(--text);font-size:12px;margin-bottom:3px}.product-choice span{font-size:9.5px}.product-choice em{font-style:normal;font-size:10px}.product-choice[data-product=wireguard] em{color:#ff6370}.product-choice[data-product=v2ray] em{color:#a997ff}.product-panel{display:none}.product-panel.active{display:block;animation:reveal .25s ease}.unified-families{display:none;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:25px}.unified-families .product-panel{display:block;min-width:0}.unified-families .product-panel>.family-head,.unified-families .product-panel>.plan-grid{display:none}.unified-families .dragon-hero,.unified-families .v2-console{height:100%;min-height:390px;margin:0}.unified-families .dragon-hero{align-items:flex-start;background-position:18% center}.unified-families .dragon-hero:after{background:linear-gradient(180deg,#06070af5,#06070a61 58%,#06070ab3)}.unified-families .dragon-copy{width:100%;margin:0}.unified-families .v2-console{grid-template-columns:1fr}.unified-families .v2-route{min-height:205px;padding:22px;border-left:0;border-bottom:1px solid rgba(154,131,255,.16)}.unified-families .route-visual{height:78px}.unified-families .server-list{padding:16px}.unified-families .server-item{padding:8px;margin-bottom:5px}.unified-families .server-item:nth-of-type(n+4){display:none}.family-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 2px 17px}.family-head h2{margin-bottom:4px;font-size:17px}.family-head p{margin:0;color:var(--muted);font-size:10px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}.plan{position:relative;padding:23px;display:flex;flex-direction:column}.plan.featured{transform:translateY(-6px);border-color:#e8bd5559;background:linear-gradient(155deg,#e8bd5521,#0f141bfa 45%)}.plan-badge{position:absolute;top:13px;left:13px;padding:5px 8px;color:#171205;background:var(--gold);border-radius:7px;font-size:8.5px;font-weight:900}.plan-type{color:var(--muted);font-size:9px}.plan h3{margin:8px 0 3px;font-size:18px}.plan-sub{min-height:38px;color:var(--muted);font-size:10px;line-height:1.8}.price{margin:18px 0}.price strong{font-size:25px;letter-spacing:-.045em}.price span{color:var(--muted);font-size:9px}.features{display:grid;gap:11px;padding:0;margin:0 0 22px;list-style:none}.features li{display:flex;gap:8px;color:#cbd0d6;font-size:10.5px}.features li:before{content:"✓";color:var(--green);font-weight:900}.plan .btn{margin-top:auto}.plan.family-wg{--family: #ff4b5c;--family-soft: rgba(255,65,82,.11);background-image:radial-gradient(circle at 100% 0,rgba(255,65,82,.12),transparent 42%)}.plan.family-v2{--family: #a997ff;--family-soft: rgba(154,131,255,.1);background-image:linear-gradient(145deg,rgba(154,131,255,.09),transparent 44%)}.plan.family-wg.featured{border-color:#ff41526b;transform:translateY(-6px);box-shadow:0 22px 70px #5a000c38}.plan.family-v2.featured{border-color:#9a83ff61;transform:translateY(-6px)}.plan.family-wg .plan-badge,.plan.family-v2 .plan-badge{color:#0c1015;background:var(--family)}.plan-mark{width:35px;height:35px;display:grid;place-items:center;margin-bottom:12px;color:var(--family);background:var(--family-soft);border-radius:11px}.plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:-4px 0 18px}.plan-metric{padding:8px 5px;background:#ffffff07;border:1px solid var(--line);border-radius:9px;text-align:center}.plan-metric b{display:block;color:var(--text);font-size:10px}.plan-metric span{color:var(--muted);font-size:11px}.plan.family-wg .features li:before{color:#ff5f6d}.plan.family-v2 .features li:before{color:#a997ff}.plan.family-wg .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6673,#c91f35);box-shadow:0 12px 28px #c91f3533}.plan.family-v2 .btn-primary{color:#0c0918;background:linear-gradient(120deg,#c2b5ff,#8d76ee)}.store-note{margin-top:16px;text-align:center;color:var(--muted);font-size:11px;line-height:1.8}.decision-guide{display:none;padding:22px;margin:0 0 18px}.decision-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:15px}.decision-head h2{margin-bottom:3px;font-size:16px}.decision-head p{margin:0;color:var(--muted);font-size:9.5px}.decision-time{display:inline-flex;align-items:center;gap:6px;color:var(--gold-2);font-size:9px;white-space:nowrap}.decision-time:before{content:"";width:7px;height:7px;background:var(--gold);border-radius:50%;box-shadow:0 0 0 5px var(--gold-soft)}.decision-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.decision-card{position:relative;overflow:hidden;min-height:155px;padding:17px;color:var(--text);border:1px solid var(--line);border-radius:14px;text-align:right;transition:.2s ease}.decision-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.decision-card>*{position:relative;z-index:1}.decision-card[data-recommend=wg]{background:linear-gradient(90deg,#101014f7,#4c040ead),url(/assets/wireguard-dragon-v1.webp) left center/auto 155% no-repeat;border-color:#ff415240}.decision-card[data-recommend=wg]:after{background:linear-gradient(90deg,transparent,rgba(255,65,82,.04))}.decision-card[data-recommend=v2]{background:radial-gradient(circle at 5% 100%,rgba(154,131,255,.22),transparent 48%),repeating-linear-gradient(45deg,transparent 0 20px,rgba(154,131,255,.035) 21px 22px),#121521;border-color:#9a83ff40}.decision-card.active[data-recommend=wg]{border-color:#ff5363;box-shadow:0 0 0 2px #ff41521a,0 16px 40px #5a000c2e}.decision-card.active[data-recommend=v2]{border-color:#a997ff;box-shadow:0 0 0 2px #9a83ff1a,0 16px 40px #26185a2e}.decision-card small{display:block;margin-bottom:6px;color:var(--muted);font-size:8px}.decision-card h3{margin:0 0 5px;font-size:13.5px}.decision-card p{max-width:430px;margin-bottom:10px;color:#b7b9c0;font-size:9px;line-height:1.7}.decision-points{display:flex;flex-wrap:wrap;gap:5px}.decision-points span{padding:4px 7px;background:#00000038;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#d9d9de;font-size:7.5px}.decision-check{position:absolute;z-index:2;left:13px;top:13px;width:18px;height:18px;display:grid;place-items:center;color:transparent;border:1px solid var(--muted-2);border-radius:50%;font-size:10px}.decision-card.active .decision-check{color:#101117;background:var(--text);border-color:var(--text)}.recommendation{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:45px;padding:10px 14px;margin-top:10px;color:var(--muted);background:#ffffff05;border:1px solid var(--line);border-radius:11px;font-size:9px}.recommendation b{color:var(--text)}.recommendation span:last-child{color:var(--gold-2);white-space:nowrap}.compact-choice{display:none;align-items:center;justify-content:space-between;gap:15px;min-height:48px;padding:11px 15px;margin-bottom:12px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:12px;font-size:9px}.compact-choice b{color:var(--text)}.compact-choice span:last-child{color:var(--gold-2);white-space:nowrap}.need-guide{padding:20px;margin-bottom:18px;background:radial-gradient(circle at 100% 0,rgba(232,189,85,.1),transparent 34%),var(--surface)}.need-guide-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}.need-guide-head h2{margin:0 0 4px;font-size:16px}.need-guide-head p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.need-guide-head span{color:var(--gold-2);font-size:11px;font-weight:600;white-space:nowrap}.need-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.need-category{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:12px;color:var(--muted);background:#ffffff05;border:1px solid var(--line);border-radius:12px;text-align:right;transition:.18s ease}.need-category:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.need-category.active{color:var(--text);background:var(--gold-soft);border-color:#e8bd5561;box-shadow:0 10px 28px #704d081a}.need-category-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--gold);background:#e8bd5514;border-radius:10px}.need-category.active .need-category-icon{color:#161106;background:var(--gold)}.need-category-icon .icon{width:18px;height:18px}.need-category b{display:block;color:inherit;font-size:12px;font-weight:700}.need-category small{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.need-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:66px;padding:12px 14px;margin-top:11px;background:#0000002e;border:1px solid rgba(232,189,85,.15);border-radius:12px}.need-result-mark{width:38px;height:38px;display:grid;place-items:center;color:#171205;background:linear-gradient(145deg,var(--gold-2),#bf8e28);border-radius:11px;font-weight:900}.need-result-copy b{display:block;margin-bottom:4px;font-size:13px;font-weight:700}.need-result-copy span{display:block;color:var(--muted);font-size:11.5px;line-height:1.9}.need-result .btn{min-height:36px}.family-select{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;margin-top:11px;color:var(--text);background:#08090cad;border:1px solid rgba(255,255,255,.14);border-radius:9px;font-size:8.5px;font-weight:800}.family-select:before{content:"";width:11px;height:11px;border:1px solid currentColor;border-radius:50%}.family-select.active:before{border:4px solid currentColor}.dragon-hero .family-select{color:#ff7883;border-color:#ff415252}.v2-route .family-select{color:#b7a9ff;border-color:#9a83ff52}.smart-choice{padding:19px;margin-bottom:18px}.smart-choice-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:13px}.smart-choice-head h2{margin:0 0 3px;font-size:15px}.smart-choice-head p{margin:0;color:var(--muted);font-size:9px}.smart-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.smart-card{position:relative;overflow:hidden;min-height:230px;padding:20px;color:var(--text);border:1px solid var(--line);border-radius:15px;text-align:right;transition:.2s ease}.smart-card>*{position:relative;z-index:2}.smart-card[data-recommend=wg]{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(90deg,#090a0dfa,#45030c94),url(/assets/wireguard-dragon-v1.webp) left center/auto 150% no-repeat;border-color:#ff415247}.smart-card[data-recommend=v2]{background:radial-gradient(circle at 0 100%,rgba(154,131,255,.2),transparent 50%),repeating-linear-gradient(45deg,transparent 0 22px,rgba(154,131,255,.03) 23px 24px),#111521;border-color:#9a83ff47}.smart-card.active[data-recommend=wg]{border-color:#ff5363;box-shadow:0 0 0 2px #ff41521a}.smart-card.active[data-recommend=v2]{border-color:#a997ff;box-shadow:0 0 0 2px #9a83ff1a}.smart-kicker{display:inline-flex;padding:5px 8px;border-radius:7px;font-size:8px;font-weight:800}.smart-card[data-recommend=wg] .smart-kicker{color:#ff7883;background:#ff41521f}.smart-card[data-recommend=v2] .smart-kicker{color:#b9adff;background:#9a83ff1f}.smart-card h3{margin:13px 0 5px;font-size:17px}.smart-card p{max-width:430px;margin:0 0 12px;color:#b7b9c1;font-size:9.5px;line-height:1.8}.smart-features{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:13px}.smart-features span{padding:4px 7px;color:#d9d9de;background:#00000040;border:1px solid rgba(255,255,255,.07);border-radius:7px;font-size:7.5px}.smart-action{margin-top:auto;min-height:34px;padding:0 11px;color:var(--text);background:#08090cb3;border:1px solid rgba(255,255,255,.14);border-radius:9px;font-size:8.5px;font-weight:800}.smart-card[data-recommend=wg] .smart-action{color:#ff7883;border-color:#ff41524d}.smart-card[data-recommend=v2] .smart-action{color:#b9adff;border-color:#9a83ff4d}.smart-servers{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:10px 0 13px}.smart-server{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;background:#08090f59;border:1px solid rgba(154,131,255,.16);border-radius:9px;font-size:8px}.smart-server strong{color:var(--green);font-size:8px}.smart-result{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:9px 12px;margin-top:10px;color:var(--muted);background:#ffffff05;border:1px solid var(--line);border-radius:10px;font-size:8.5px}.smart-result b{color:var(--text)}.smart-result span:last-child{color:var(--gold-2);white-space:nowrap}.unified-plan-grid{grid-template-columns:repeat(3,1fr)}.order-card{position:relative;overflow:hidden;padding:19px;display:flex;flex-direction:column;min-height:270px}.order-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.7}.order-card[data-family=wg]{border-color:#ff415233;background:linear-gradient(145deg,#ff415217,#0f141bf7 45%)}.order-card[data-family=wg]:after{background:repeating-radial-gradient(circle at 0 100%,transparent 0 20px,rgba(255,65,82,.025) 21px 22px)}.order-card[data-family=v2]{border-color:#9a83ff33;background:linear-gradient(145deg,#9a83ff17,#0f141bf7 45%)}.order-card[data-family=v2]:after{background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(154,131,255,.025) 23px 24px)}.order-card>*{position:relative;z-index:1}.order-type{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 8px;border-radius:7px;font-size:11px;font-weight:800}.order-card[data-family=wg] .order-type{color:#ff7480;background:#ff41521c}.order-card[data-family=v2] .order-type{color:#b8aaff;background:#9a83ff1c}.order-card h3{margin:14px 0 4px;font-size:15px}.order-card>p{min-height:40px;color:var(--muted);font-size:11.5px;line-height:1.9}.order-card .plan-metrics{margin:8px 0 15px}.order-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line)}.order-price strong{display:block;font-size:15px}.order-price span{color:var(--muted);font-size:11px}.order-card[data-family=wg] .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6370,#c71f34)}.order-card[data-family=v2] .btn-primary{color:#100b20;background:linear-gradient(120deg,#c4b8ff,#8971ed)}.order-card.is-dimmed{opacity:.48;transform:scale(.985)}.order-card.is-recommended{transform:translateY(-3px)}.order-card.is-recommended[data-family=wg]{border-color:#ff415285;box-shadow:0 18px 48px #5a000c2e}.order-card.is-recommended[data-family=v2]{border-color:#9a83ff85;box-shadow:0 18px 48px #26185a2e}.order-card.category-primary{transform:translateY(-4px);border-color:#e8bd559e;box-shadow:0 20px 55px #704d082e}.order-card.category-secondary{border-color:#67a7ff57}.match-badge{display:none;position:absolute;z-index:3;top:11px;left:11px;padding:5px 8px;color:#0d0e12;background:var(--gold-2);border-radius:7px;font-size:10.5px;font-weight:900}.order-card.is-recommended .match-badge,.order-card.category-primary .match-badge,.order-card.category-secondary .match-badge{display:block}.order-card.category-secondary .match-badge{color:#d9e8ff;background:#1b3150}.dragon-hero{position:relative;overflow:hidden;min-height:285px;display:flex;align-items:center;padding:clamp(24px,4vw,45px);margin-bottom:22px;background:#08090c url(/assets/wireguard-dragon-v1.webp) center/cover no-repeat;border:1px solid rgba(255,65,82,.3);border-radius:20px;box-shadow:0 30px 90px #55000a33}.dragon-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0 30%,rgba(6,7,10,.62) 49%,rgba(6,7,10,.97) 76%)}.dragon-copy{position:relative;z-index:1;width:min(520px,58%);margin-right:auto}.dragon-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:#ff7781;background:#ff283c1a;border:1px solid rgba(255,75,92,.24);border-radius:99px;font-size:9px;font-weight:800}.dragon-copy h2{margin:14px 0 7px;font-size:clamp(23px,3vw,35px);letter-spacing:-.05em}.dragon-copy h2 span{color:#ff5363}.dragon-copy p{max-width:470px;color:#b9adb0;font-size:10.5px;line-height:1.9}.dragon-stats{display:flex;gap:18px;margin-top:18px}.dragon-stats b{display:block;font-size:13px}.dragon-stats span{color:#8e8285;font-size:8px}.v2-console{position:relative;overflow:hidden;display:grid;grid-template-columns:1.05fr .95fr;gap:0;margin-bottom:22px;background:#10131d;border:1px solid rgba(154,131,255,.25);border-radius:18px;box-shadow:0 25px 75px #23145a24}.v2-console:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background:radial-gradient(circle at 18% 25%,#7f67eb 0 2px,transparent 3px),radial-gradient(circle at 38% 68%,#7f67eb 0 2px,transparent 3px),radial-gradient(circle at 75% 18%,#7f67eb 0 2px,transparent 3px),linear-gradient(27deg,transparent 48%,rgba(154,131,255,.16) 49% 50%,transparent 51%);background-size:180px 130px,230px 170px,270px 190px,190px 120px;pointer-events:none}.v2-route{position:relative;min-height:310px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid rgba(154,131,255,.16);background:radial-gradient(circle at 50% 55%,rgba(154,131,255,.16),transparent 48%)}.v2-route h2{margin-bottom:5px;color:#c1b7ff;font-size:20px}.v2-route p{color:var(--muted);font-size:9.5px}.route-visual{position:relative;height:145px}.route-line{position:absolute;right:8%;left:8%;top:52%;height:1px;background:linear-gradient(90deg,#6f59dd,#9a83ff26,#b7aaff);box-shadow:0 0 16px #8068ee}.route-node{position:absolute;top:calc(52% - 8px);width:16px;height:16px;background:#171329;border:4px solid #9b87ff;border-radius:50%;box-shadow:0 0 0 7px #9a83ff14,0 0 20px #9a83ff80}.route-node.n1{right:8%}.route-node.n2{right:46%}.route-node.n3{left:8%}.route-node:after{content:attr(data-city);position:absolute;top:19px;right:50%;transform:translate(50%);color:#a99be9;font-size:8px;white-space:nowrap}.server-list{position:relative;z-index:1;padding:22px}.server-list-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.server-list-head h3{margin:0;font-size:13px}.live-pulse{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:8.5px}.live-pulse:before{content:"";width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #4dd58b14}.server-item{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;margin-bottom:7px;color:var(--text);background:#ffffff06;border:1px solid var(--line);border-radius:11px;text-align:right}.server-item.active{background:#9a83ff17;border-color:#9a83ff4d}.server-flag{width:30px;height:30px;display:grid;place-items:center;background:#ffffff0b;border-radius:9px;font-size:15px}.server-item b{display:block;font-size:10px}.server-item span{color:var(--muted);font-size:8px}.server-health{text-align:left}.server-health strong{display:block;color:var(--green);font-size:9px}.server-health small{color:var(--muted-2);font-size:7.5px}.renew-service{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;margin-bottom:18px}.renew-service:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(45deg,transparent 0 22px,rgba(154,131,255,.025) 23px 24px);pointer-events:none}.renew-service-main{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.renew-service-main h2{margin:0 0 3px;font-size:15px}.renew-service-main p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.renew-current{position:relative;z-index:1;display:flex;gap:20px}.renew-current span{display:block;color:var(--muted);font-size:11px}.renew-current b{font-size:11px}.renew-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.renew-path{position:relative;padding:17px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:right}.renew-path.active{color:var(--text);border-color:#e8bd5561;background:var(--gold-soft)}.renew-path b{display:block;color:var(--text);font-size:11.5px;margin-bottom:4px}.renew-path span{font-size:9px;line-height:1.7}.renew-path .path-check{position:absolute;left:12px;top:12px;width:16px;height:16px;border:1px solid var(--muted-2);border-radius:50%}.renew-path.active .path-check{border:5px solid var(--gold)}.renew-panel{display:none}.renew-panel.active{display:block;animation:reveal .2s ease}.option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.renew-option{position:relative;padding:17px;color:var(--text);background:#ffffff05;border:1px solid var(--line);border-radius:13px;text-align:right}.renew-option.active{border-color:#e8bd5566;background:var(--gold-soft)}.renew-option b{display:block;margin-bottom:4px;font-size:12px}.renew-option span{color:var(--muted);font-size:9px}.renew-option strong{display:block;margin-top:13px;color:var(--gold-2);font-size:13px}.upgrade-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:11px}.upgrade-tier{padding:18px;background:#ffffff05;border:1px solid var(--line);border-radius:14px}.upgrade-tier.target{border-color:#47d7c44d;background:#47d7c40f}.upgrade-tier small{color:var(--muted);font-size:8.5px}.upgrade-tier h3{margin:6px 0 13px;font-size:15px}.upgrade-tier ul{display:grid;gap:7px;padding:0;margin:0;list-style:none;color:var(--muted);font-size:9.5px}.upgrade-arrow{display:grid;place-items:center;color:var(--gold)}.renew-checkout{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;margin-top:14px;background:#ffffff05;border:1px solid var(--line);border-radius:14px}.renew-checkout span{display:block;color:var(--muted);font-size:9px}.renew-checkout strong{font-size:16px;color:var(--gold-2)}.checkout-layout{display:grid;grid-template-columns:1fr 350px;gap:20px;align-items:start}.checkout-main,.order-summary{padding:23px}.checkout-main h2,.order-summary h2{font-size:15px;margin-bottom:18px}.gateway{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;margin-bottom:9px;color:var(--text);background:#ffffff05;border:1px solid var(--line);border-radius:12px;text-align:right}.gateway.active{border-color:#e8bd5566;background:var(--gold-soft)}.gateway-icon{width:37px;height:37px;display:grid;place-items:center;color:var(--gold);background:#e8bd551a;border-radius:10px}.gateway b{display:block;font-size:11px}.gateway span{color:var(--muted);font-size:9px}.radio{width:16px;height:16px;border:1px solid var(--muted-2);border-radius:50%}.gateway.active .radio{border:5px solid var(--gold)}.manual-payment-panel{display:none;margin-top:14px;padding:16px;background:#e8bd550b;border:1px solid rgba(232,189,85,.16);border-radius:13px}.manual-payment-panel.show{display:block}.manual-payment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.manual-payment-head b{font-size:10.5px}.manual-payment-head span{color:var(--orange);font-size:8px}.destination-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:13px;margin-bottom:10px;background:linear-gradient(125deg,#25200f,#14181f 62%);border:1px solid rgba(232,189,85,.2);border-radius:12px}.destination-card span{display:block;color:var(--muted);font-size:8px}.destination-card b{display:block;margin-top:4px;direction:ltr;text-align:right;font-size:13px;letter-spacing:.08em}.receipt-upload{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;min-height:55px;color:var(--muted);background:#ffffff05;border:1px dashed var(--line-strong);border-radius:11px;font-size:9px}.receipt-upload:hover{color:var(--text);border-color:#e8bd5566}.summary-product{display:flex;gap:11px;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid var(--line)}.summary-product b{display:block;font-size:11px}.summary-product span{color:var(--muted);font-size:9px}.summary-row{display:flex;justify-content:space-between;gap:10px;margin:10px 0;color:var(--muted);font-size:10px}.summary-row strong{color:var(--text)}.summary-total{padding-top:14px;margin-top:14px;border-top:1px solid var(--line);font-size:12px}.summary-total strong{color:var(--gold-2);font-size:16px}.wallet-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px;margin:17px 0;background:var(--green-soft);border-radius:11px;font-size:9.5px}.switch{width:35px;height:20px;position:relative;background:var(--green);border-radius:30px}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%}.empty-view{padding:50px 25px;text-align:center}.empty-icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 17px;color:var(--gold);background:var(--gold-soft);border:1px solid rgba(232,189,85,.13);border-radius:22px}.empty-view h2{font-size:18px}.empty-view p{max-width:470px;margin:0 auto 20px;color:var(--muted);font-size:11px;line-height:1.9}.empty-dashboard-shell,.services-empty-shell,.empty-only,.pending-only{display:none}body.account-empty .view[data-view=dashboard]>.page-head,body.account-pending .view[data-view=dashboard]>.page-head,body.account-empty .view[data-view=dashboard]>.hero-service,body.account-pending .view[data-view=dashboard]>.hero-service,body.account-empty .view[data-view=dashboard]>.stats,body.account-pending .view[data-view=dashboard]>.stats,body.account-empty .view[data-view=dashboard]>.grid-2,body.account-pending .view[data-view=dashboard]>.grid-2,body.account-empty .view[data-view=services]>.filter-chips,body.account-pending .view[data-view=services]>.filter-chips,body.account-empty .view[data-view=services]>.service-grid,body.account-pending .view[data-view=services]>.service-grid,body.account-empty .nav-btn[data-go=usage-analytics],body.account-pending .nav-btn[data-go=usage-analytics]{display:none}body.account-empty .empty-dashboard-shell,body.account-pending .empty-dashboard-shell,body.account-empty .services-empty-shell,body.account-pending .services-empty-shell,body.account-empty .empty-only,body.account-pending .pending-only{display:block}.first-service-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:330px;padding:clamp(25px,4vw,44px);background:radial-gradient(circle at 0 100%,rgba(232,189,85,.16),transparent 42%),linear-gradient(125deg,#171a20,#0e131a 62%)}.first-service-copy{position:relative;z-index:2}.first-service-copy h1{max-width:620px;margin:13px 0 8px;font-size:clamp(27px,4vw,42px);line-height:1.45;letter-spacing:-.055em}.first-service-copy p{max-width:570px;margin:0;color:var(--muted);font-size:11px;line-height:2}.first-service-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:21px}.onboarding-visual{position:relative;min-height:245px;display:grid;place-items:center}.onboarding-core{position:relative;width:142px;height:142px;display:grid;place-items:center;color:var(--gold-2);background:#080b0fe0;border:1px solid rgba(232,189,85,.28);border-radius:42px;transform:rotate(45deg);box-shadow:0 24px 70px #00000059,0 0 0 22px #e8bd5509}.onboarding-core:before,.onboarding-core:after{content:"";position:absolute;top:-35px;right:-35px;bottom:-35px;left:-35px;border:1px dashed rgba(232,189,85,.2);border-radius:50%;animation:spin 24s linear infinite}.onboarding-core:after{top:-70px;right:-70px;bottom:-70px;left:-70px;border-style:solid;border-color:#e8bd5512;animation-direction:reverse}.onboarding-core .icon{width:57px;height:57px;transform:rotate(-45deg)}.first-needs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.first-need{min-height:130px;padding:16px;color:var(--text);background:#ffffff05;border:1px solid var(--line);border-radius:14px;text-align:right;transition:.18s ease}.first-need:hover{transform:translateY(-2px);border-color:#e8bd5547}.first-need .icon{width:23px;height:23px;margin-bottom:13px;color:var(--gold)}.first-need b{display:block;font-size:11px}.first-need span{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.8}.first-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:16px}.first-step{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:11px;border-left:1px solid var(--line)}.first-step:last-child{border-left:0}.first-step i{width:27px;height:27px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:9px;font-style:normal;font-size:9px;font-weight:900}.first-step.done i{color:#102b1d;background:var(--green)}.first-step b{display:block;font-size:9px}.first-step span{display:block;color:var(--muted);font-size:7.5px}.pending-login-hero{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:stretch}.pending-login-main,.pending-login-side{padding:25px}.pending-login-main h1{margin:14px 0 7px;font-size:clamp(25px,4vw,37px)}.pending-login-main>p{color:var(--muted);font-size:10px;line-height:2}.pending-order-box{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:14px;margin-top:18px;background:#ffae570f;border:1px solid rgba(255,174,87,.17);border-radius:12px}.pending-order-box b{display:block;font-size:10px}.pending-order-box span{display:block;color:var(--muted);font-size:8px}.pending-login-side h3{font-size:13px}.pending-login-side p{color:var(--muted);font-size:8.5px;line-height:1.9}.services-empty-shell{padding:42px 24px;text-align:center}.services-empty-icon{width:68px;height:68px;display:grid;place-items:center;margin:0 auto 17px;color:var(--gold);background:var(--gold-soft);border-radius:22px}.services-empty-shell h2{margin-bottom:6px;font-size:19px}.services-empty-shell>p{max-width:520px;margin:0 auto 19px;color:var(--muted);font-size:10px;line-height:1.9}.modal-wrap{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;padding:18px;background:#030508c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-wrap.show{display:flex}.modal{width:min(720px,100%);max-height:90vh;overflow:auto;padding:25px;background:#121821;border:1px solid var(--line-strong);border-radius:22px;box-shadow:0 35px 100px #0000008c;animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.97) translateY(8px)}}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.modal-head h2{margin-bottom:5px;font-size:18px}.modal-head p{color:var(--muted);font-size:12px;line-height:1.8}.close{width:35px;height:35px;display:grid;place-items:center;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.devices{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.device{padding:12px 5px;color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:11px;font-size:11.5px;font-weight:500}.device.active{color:#171205;background:var(--gold);border-color:var(--gold);font-weight:800}.connect-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:18px;background:#ffffff05;border:1px solid var(--line);border-radius:15px}.toast{position:fixed;z-index:300;left:20px;bottom:20px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 40px);padding:12px 15px;color:#dff9ea;background:#153323;border:1px solid rgba(77,213,139,.25);border-radius:12px;box-shadow:var(--shadow);font-size:10.5px;transform:translateY(100px);opacity:0;transition:.25s ease}.toast.show{transform:none;opacity:1}.success{text-align:center;padding:60px 24px}.success-mark{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 20px;color:#102b1d;background:var(--green);border-radius:50%;box-shadow:0 0 0 12px var(--green-soft)}.success h1{font-size:25px}.success p{max-width:480px;margin:0 auto 22px;color:var(--muted);font-size:11px;line-height:2}.success-actions{display:flex;justify-content:center;gap:8px}.success.pending .success-mark{color:#2b1b0c;background:var(--orange);box-shadow:0 0 0 12px #ffae571a}.manual-status{display:none;width:min(650px,100%);margin:25px auto 22px;padding:18px;background:#ffffff05;border:1px solid var(--line);border-radius:15px;text-align:right}.manual-status.show{display:block}.manual-status-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.manual-status-head b{font-size:11px}.manual-status-head span{color:var(--orange);font-size:9px}.manual-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.manual-step{position:relative;padding:12px;background:#ffffff05;border:1px solid var(--line);border-radius:11px}.manual-step i{width:23px;height:23px;display:grid;place-items:center;margin-bottom:8px;color:var(--muted);background:var(--surface-3);border-radius:50%;font-size:9px;font-style:normal}.manual-step.done i{color:#102b1d;background:var(--green)}.manual-step.current{border-color:#ffae5747;background:#ffae570b}.manual-step.current i{color:#2b1b0c;background:var(--orange)}.manual-step b{display:block;font-size:9px}.manual-step span{display:block;margin-top:3px;color:var(--muted);font-size:7.5px;line-height:1.7}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:18px}.summary-tile{padding:16px;background:#ffffff05;border:1px solid var(--line);border-radius:13px}.summary-tile span{display:block;color:var(--muted);font-size:9px}.summary-tile b{display:block;margin-top:7px;font-size:17px}.usage-services-head{margin-top:4px}.usage-services-head>span{color:var(--muted);font-size:12px}.usage-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.usage-service-card{--usage-accent: var(--gold);padding:20px;border-color:color-mix(in srgb,var(--usage-accent) 25%,var(--line))}.usage-service-card.family-wg{--usage-accent: #ff5d6b;background:linear-gradient(135deg,#ff415214,#0f141bf5 48%)}.usage-service-card.family-v2{--usage-accent: #a997ff;background:linear-gradient(135deg,#9a83ff17,#0f141bf5 48%)}.usage-service-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.usage-family{padding:5px 8px;color:var(--usage-accent);background:color-mix(in srgb,var(--usage-accent) 11%,transparent);border-radius:8px;font-size:11px;font-weight:800}.usage-service-card h3{margin:15px 0 13px;font-size:17px}.usage-service-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.usage-service-values>span{min-width:0;padding:10px;background:#00000026;border:1px solid var(--line);border-radius:10px}.usage-service-values small{display:block;color:var(--muted);font-size:11px}.usage-service-values b{display:block;margin-top:4px;font-size:13px;overflow-wrap:anywhere}.usage-service-card .progress{height:7px;margin-top:14px}.usage-service-card .progress i{background:linear-gradient(90deg,color-mix(in srgb,var(--usage-accent) 68%,#fff),var(--usage-accent))}.usage-service-foot{display:flex;justify-content:space-between;gap:12px;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.7}.usage-loading{margin-bottom:18px;color:var(--muted);font-size:12px}.alerts-layout{display:grid;grid-template-columns:1fr 290px;gap:18px;align-items:start}.alert-feed{display:grid;gap:9px}.alert-item.context-hidden{display:none}.alert-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.alert-item.unread{background:var(--surface-2)}.alert-item.unread:before{content:"";position:absolute;right:-1px;top:15px;bottom:15px;width:3px;border-radius:3px 0 0 3px;background:var(--gold)}.alert-item.wg{border-color:#ff415230;background-image:linear-gradient(110deg,transparent,rgba(255,65,82,.045))}.alert-item.v2{border-color:#9a83ff30;background-image:linear-gradient(110deg,transparent,rgba(154,131,255,.045))}.alert-icon{width:39px;height:39px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:11px}.alert-item.wg .alert-icon{color:#ff6572;background:#ff41521c}.alert-item.v2 .alert-icon{color:#ad9dff;background:#9a83ff1c}.alert-copy b{display:block;margin-bottom:3px;font-size:11px}.alert-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}.alert-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.alert-time{color:var(--muted-2);font-size:8px;white-space:nowrap}.notification-modal{width:min(560px,100%);padding:0;overflow:hidden}.notification-modal-accent{height:5px;background:linear-gradient(90deg,#ff4051,#9f1728)}.notification-modal.v2-mode .notification-modal-accent{background:linear-gradient(90deg,#9a83ff,#5a3bc7)}.notification-modal-body{padding:25px}.notification-modal-title{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;margin:20px 0 16px}.notification-modal-title .alert-icon{width:48px;height:48px;color:#ff6b75;background:#ff41521c}.notification-modal.v2-mode .notification-modal-title .alert-icon{color:#ad9dff;background:#9a83ff1c}.notification-modal-title h3{margin:0 0 4px;font-size:17px}.notification-modal-title p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}.notification-details{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.notification-detail{min-width:0;padding:12px;background:#ffffff06;border:1px solid var(--line);border-radius:11px}.notification-detail span{display:block;color:var(--muted);font-size:8px}.notification-detail b{display:block;margin-top:5px;font-size:10px;overflow-wrap:anywhere}.notification-modal-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.activation-modal{width:min(760px,100%);padding:0;overflow:hidden}.activation-hero{position:relative;overflow:hidden;padding:27px;background:radial-gradient(circle at 0 100%,rgba(255,65,82,.2),transparent 45%),linear-gradient(120deg,#221018,#111720 58%);border-bottom:1px solid rgba(255,65,82,.2)}.activation-hero:after{content:"✓";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:74px;height:74px;display:grid;place-items:center;color:#151005;background:linear-gradient(145deg,var(--gold-2),#c4932d);border-radius:24px;font-size:34px;font-weight:900;box-shadow:0 14px 40px #e8bd552e}.activation-hero-copy{max-width:calc(100% - 105px)}.activation-hero span{color:var(--green);font-size:9px;font-weight:800}.activation-hero h2{margin:8px 0 6px;font-size:23px}.activation-hero p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.9}.activation-body{padding:23px}.activation-summary{display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:8px;margin-bottom:18px}.activation-summary>div{min-width:0;padding:12px;background:#ffffff05;border:1px solid var(--line);border-radius:11px}.activation-summary span{display:block;color:var(--muted);font-size:7.5px}.activation-summary b{display:block;margin-top:5px;font-size:10px;overflow-wrap:anywhere}.service-location{display:flex;align-items:center;gap:10px;padding:12px 14px;margin-bottom:18px;color:#d9e8ff;background:#67a7ff12;border:1px solid rgba(103,167,255,.16);border-radius:12px;font-size:9px}.service-location .icon{flex:none;color:var(--blue)}.activation-steps-title{margin-bottom:11px;font-size:12px}.activation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.activation-step{padding:14px;background:#ffffff05;border:1px solid var(--line);border-radius:12px}.activation-step i{width:26px;height:26px;display:grid;place-items:center;margin-bottom:9px;color:#171205;background:var(--gold);border-radius:8px;font-size:9px;font-style:normal;font-weight:900}.activation-step b{display:block;font-size:9.5px}.activation-step span{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.75}.activation-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.event-lab{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;padding:18px 20px;margin-bottom:18px;background:linear-gradient(120deg,#67a7ff14,#161c25f5 48%)}.event-lab-copy{display:flex;align-items:center;gap:12px;min-width:0}.event-lab-icon{width:42px;height:42px;flex:none;display:grid;place-items:center;color:var(--blue);background:#67a7ff1a;border:1px solid rgba(103,167,255,.16);border-radius:12px}.event-lab-copy b{display:block;margin-bottom:3px;font-size:11px}.event-lab-copy span{display:block;color:var(--muted);font-size:8.5px;line-height:1.8}.event-lab-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:7px}.event-lab-actions .btn{min-height:35px}.live-popup{--popup-color: #8f7bff;position:fixed;z-index:180;left:20px;bottom:20px;width:min(390px,calc(100vw - 40px));overflow:hidden;color:var(--text);background:#121821f7;border:1px solid color-mix(in srgb,var(--popup-color) 36%,var(--line));border-radius:18px;box-shadow:0 28px 85px #00000094;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(24px) scale(.97);transition:opacity .25s ease,transform .25s ease,visibility .25s}.live-popup.show{opacity:1;visibility:visible;pointer-events:auto;transform:none}.live-popup.ticket{--popup-color: #8f7bff}.live-popup.finance{--popup-color: #ff6471}.live-popup.service{--popup-color: #e8bd55}.live-popup:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--popup-color),transparent 84%)}.live-popup-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px 0}.live-popup-live{display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--popup-color) 78%,white);font-size:8px;font-weight:800}.live-popup-live:before{content:"";width:7px;height:7px;background:var(--popup-color);border-radius:50%;box-shadow:0 0 0 4px color-mix(in srgb,var(--popup-color) 12%,transparent);animation:livePulse 1.8s ease infinite}@keyframes livePulse{50%{box-shadow:0 0 0 7px transparent}}.live-popup-close{width:29px;height:29px;display:grid;place-items:center;color:var(--muted);background:#ffffff08;border:1px solid var(--line);border-radius:9px}.live-popup-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:13px 16px 15px}.live-popup-icon{width:45px;height:45px;display:grid;place-items:center;color:var(--popup-color);background:color-mix(in srgb,var(--popup-color) 11%,transparent);border:1px solid color-mix(in srgb,var(--popup-color) 16%,transparent);border-radius:13px}.live-popup-icon .icon{width:22px;height:22px}.live-popup-copy{min-width:0}.live-popup-copy h3{margin:0 0 5px;font-size:13px}.live-popup-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.9}.live-popup-meta{display:block;margin-top:7px;color:var(--muted-2);font-size:8px}.live-popup-actions{display:flex;flex-wrap:wrap;gap:7px;padding:0 73px 16px 16px}.live-popup-actions .btn{min-height:35px}.live-popup-primary{color:#fff;background:color-mix(in srgb,var(--popup-color) 68%,#171b24);border-color:color-mix(in srgb,var(--popup-color) 42%,transparent)}.live-popup-timer{height:2px;width:100%;background:var(--popup-color);transform-origin:right;animation:popupTimer 12s linear forwards}.live-popup.persistent .live-popup-timer{display:none}@keyframes popupTimer{to{transform:scaleX(0)}}.pref-list{display:grid;gap:8px}.pref-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);font-size:9.5px}.pref-row:last-child{border:0}.mini-switch{width:31px;height:18px;position:relative;background:var(--green);border-radius:30px}.mini-switch:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;background:#fff;border-radius:50%}.support-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px;margin-bottom:18px;background:radial-gradient(circle at 0 100%,rgba(232,189,85,.12),transparent 42%),var(--surface)}.support-hero h2{margin-bottom:6px;font-size:19px}.support-hero p{max-width:650px;margin:0;color:var(--muted);font-size:10px;line-height:1.9}.support-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.support-action{padding:16px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:13px;text-align:right}.support-action .icon{margin-bottom:12px;color:var(--gold)}.support-action b{display:block;font-size:10.5px;margin-bottom:3px}.support-action span{color:var(--muted);font-size:8.5px}.ticket-list{display:grid;gap:8px}.ticket-row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;color:var(--text);background:#ffffff05;border:1px solid var(--line);border-radius:12px;text-align:right}.ticket-row:hover{border-color:var(--line-strong)}.ticket-family{width:37px;height:37px;display:grid;place-items:center;border-radius:11px}.ticket-family.wg{color:#ff6673;background:#ff41521c}.ticket-family.v2{color:#ad9dff;background:#9a83ff1c}.ticket-family.pay{color:var(--gold-2);background:var(--gold-soft)}.ticket-row b{display:block;font-size:10.5px}.ticket-row span{color:var(--muted);font-size:8.5px}.ticket-meta{text-align:left}.ticket-status{display:inline-flex;padding:4px 7px;color:var(--green);background:var(--green-soft);border-radius:7px;font-size:7.5px}.ticket-meta time{display:block;margin-top:5px;color:var(--muted-2);font-size:7.5px}.chat-layout{display:grid;grid-template-columns:1fr 270px;gap:18px;align-items:start}.chat-card{overflow:hidden}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px;border-bottom:1px solid var(--line)}.chat-head h2{margin:0;font-size:13px}.chat-head span{color:var(--muted);font-size:8px}.messages{display:grid;gap:13px;min-height:370px;padding:21px;background:#0000001a}.message{max-width:76%;padding:11px 13px;border-radius:13px;font-size:9.5px;line-height:1.85}.message.support{justify-self:start;background:var(--surface-3);border-bottom-left-radius:4px}.message.user{justify-self:end;background:var(--gold-soft);border:1px solid var(--gold-line);border-bottom-right-radius:4px}.message small{display:block;margin-top:5px;color:var(--muted-2);font-size:7px}.composer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:13px;border-top:1px solid var(--line)}.composer input{min-width:0;padding:11px 13px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;outline:0;font-size:9.5px}.composer input:focus{border-color:var(--gold)}.ticket-info{padding:18px}.info-row{padding:10px 0;border-bottom:1px solid var(--line)}.info-row:last-child{border:0}.info-row span{display:block;color:var(--muted);font-size:8px}.info-row b{font-size:10px}.wallet-hero{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:25px;margin-bottom:18px;background:linear-gradient(125deg,rgba(232,189,85,.14),var(--surface) 55%)}.wallet-hero span{color:var(--muted);font-size:9px}.wallet-hero strong{display:block;margin:5px 0;color:var(--gold-2);font-size:29px}.wallet-hero small{color:var(--muted-2);font-size:8px}.finance-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.transaction-list{display:grid;gap:2px}.transaction{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.transaction:last-child{border:0}.transaction-icon{width:32px;height:32px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:9px}.transaction b{display:block;font-size:9.5px}.transaction span{color:var(--muted);font-size:8px}.transaction strong{font-size:9.5px}.transaction strong.out{color:var(--red)}.device-security-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:24px;margin-bottom:18px;background:radial-gradient(circle at 0 100%,rgba(77,213,139,.1),transparent 45%),var(--surface)}.device-security-hero h2{margin-bottom:5px;font-size:18px}.device-security-hero p{margin:0;color:var(--muted);font-size:9.5px}.security-score{width:78px;height:78px;display:grid;place-items:center;color:var(--green);background:conic-gradient(var(--green) 0 88%,rgba(255,255,255,.05) 88%);border-radius:50%}.security-score:before{content:"۸۸٪";width:62px;height:62px;display:grid;place-items:center;background:var(--surface);border-radius:50%;font-size:14px;font-weight:800}.device-list{display:grid;gap:8px}.device-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;background:#ffffff05;border:1px solid var(--line);border-radius:12px}.device-kind{width:40px;height:40px;display:grid;place-items:center;color:var(--muted);background:#ffffff0a;border-radius:11px}.device-kind.wg{color:#ff6572;background:#ff41521c}.device-kind.v2{color:#ad9dff;background:#9a83ff1c}.device-row b{display:block;font-size:10.5px}.device-row span{color:var(--muted);font-size:8.5px}.device-actions{display:flex;gap:6px}.security-checks{display:grid;gap:8px}.security-check{display:flex;align-items:center;gap:10px;padding:11px;background:#ffffff05;border:1px solid var(--line);border-radius:10px}.security-check i{width:25px;height:25px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:8px;font-style:normal}.security-check b{display:block;font-size:9.5px}.security-check span{color:var(--muted);font-size:8px}.setup-hero{position:relative;overflow:hidden;padding:25px;margin-bottom:18px;background:linear-gradient(125deg,rgba(103,167,255,.1),var(--surface) 55%)}.setup-hero h2{margin-bottom:5px;font-size:19px}.setup-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.8}.os-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px}.os-choice{padding:12px 5px;color:var(--muted);background:#0000002e;border:1px solid var(--line);border-radius:10px;font-size:11.5px;font-weight:500}.os-choice.active{color:#101117;background:var(--gold-2);border-color:var(--gold-2);font-weight:800}.setup-family-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.setup-family{padding:21px}.setup-family.wg{border-color:#ff415238;background:linear-gradient(140deg,rgba(255,65,82,.08),var(--surface) 48%)}.setup-family.v2{border-color:#9a83ff38;background:linear-gradient(140deg,rgba(154,131,255,.09),var(--surface) 48%)}.setup-family h3{margin:13px 0 5px;font-size:15px}.setup-family>p{min-height:42px;color:var(--muted);font-size:11.5px;line-height:1.9}.setup-flow{display:grid;gap:8px;margin:15px 0}.setup-flow-row{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:center}.setup-flow-row i{width:24px;height:24px;display:grid;place-items:center;color:#101117;background:var(--gold-2);border-radius:7px;font-style:normal;font-size:8px;font-weight:800}.setup-flow-row b{display:block;font-size:12px;font-weight:600}.setup-flow-row span{color:var(--muted);font-size:11px;line-height:1.75}.app-suggestion{display:flex;align-items:center;gap:10px;padding:11px;margin-bottom:12px;background:#00000029;border:1px solid var(--line);border-radius:10px}.app-logo{width:34px;height:34px;display:grid;place-items:center;color:var(--gold-2);background:var(--gold-soft);border-radius:10px;font-weight:900}.app-suggestion b{display:block;font-size:9.5px}.app-suggestion span{color:var(--muted);font-size:8px}.diagnostic-console{overflow:hidden}.diagnostic-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.diagnostic-head h2{margin:0 0 4px;font-size:15px}.diagnostic-head p{margin:0;color:var(--muted);font-size:8.5px}.test-list{display:grid;gap:1px;padding:10px 20px}.test-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}.test-row:last-child{border:0}.test-state{width:28px;height:28px;display:grid;place-items:center;color:var(--muted);background:#ffffff0a;border-radius:9px;font-size:11px}.test-row.pass .test-state{color:var(--green);background:var(--green-soft)}.test-row.warn .test-state{color:var(--orange);background:#ffae571a}.test-row b{display:block;font-size:9.5px}.test-row span{color:var(--muted);font-size:8px}.test-value{color:var(--muted);font-size:8.5px}.diagnostic-result{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px 20px;background:#ffae570f;border-top:1px solid rgba(255,174,87,.15)}.diagnostic-result .alert-icon{color:var(--orange);background:#ffae571a}.diagnostic-result b{display:block;font-size:10px}.diagnostic-result span{color:var(--muted);font-size:8px}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.hub-card{position:relative;overflow:hidden;min-height:145px;padding:17px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:14px;text-align:right}.hub-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.hub-card .icon{color:var(--gold);margin-bottom:17px}.hub-card b{display:block;font-size:11px;margin-bottom:4px}.hub-card span{color:var(--muted);font-size:8.5px;line-height:1.7}.profile-layout{display:grid;grid-template-columns:1fr 300px;gap:18px;align-items:start}.profile-cover{position:relative;overflow:hidden;padding:26px;margin-bottom:18px;background:radial-gradient(circle at 0 100%,rgba(232,189,85,.14),transparent 42%),var(--surface)}.profile-main{display:flex;align-items:center;gap:14px}.profile-avatar{width:68px;height:68px;display:grid;place-items:center;color:#161105;background:linear-gradient(145deg,var(--gold-2),#b98320);border-radius:22px;font-size:19px;font-weight:900}.profile-main h2{margin:0 0 3px;font-size:18px}.profile-main span{color:var(--muted);font-size:9px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.mock-field{padding:11px 13px;background:#00000029;border:1px solid var(--line);border-radius:10px}.mock-field span{display:block;color:var(--muted);font-size:7.5px;margin-bottom:3px}.mock-field b{font-size:9.5px}.table-list{display:grid;gap:0}.table-row{display:grid;grid-template-columns:1.3fr .8fr .8fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:9px}.table-row:last-child{border:0}.table-row b{font-size:9.5px}.table-row span{color:var(--muted)}.chart{height:190px;display:flex;align-items:end;gap:8px;padding:20px 8px 0;border-bottom:1px solid var(--line);background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:100% 38px}.chart-bar{flex:1;min-width:14px;position:relative;background:linear-gradient(180deg,var(--gold-2),#8f6818);border-radius:6px 6px 0 0}.chart-bar.v2{background:linear-gradient(180deg,#b6a8ff,#6049c8)}.chart-bar.wg{background:linear-gradient(180deg,#ff6c79,#a91529)}.chart-labels{display:flex;justify-content:space-between;padding:8px 5px 0;color:var(--muted-2);font-size:7px}.limit-card{padding:17px}.limit-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.limit-head b{font-size:10.5px}.limit-head span{color:var(--muted);font-size:8px}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.server-card{padding:17px}.server-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.server-card h3{margin:13px 0 4px;font-size:12px}.server-card p{color:var(--muted);font-size:8px}.server-card-stats{display:flex;justify-content:space-between;gap:7px;padding-top:12px;margin-top:12px;border-top:1px solid var(--line)}.server-card-stats span{color:var(--muted);font-size:7.5px}.server-card-stats b{display:block;color:var(--green);font-size:9px}.reward-hero{padding:27px;margin-bottom:18px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(232,189,85,.17),transparent 54%),var(--surface)}.reward-hero strong{display:block;margin:9px 0;color:var(--gold-2);font-size:30px}.invite-box{display:grid;grid-template-columns:1fr auto;gap:8px;padding:8px;margin-top:15px;background:var(--bg);border:1px solid var(--line);border-radius:11px}.invite-box code{direction:ltr;display:flex;align-items:center;padding:0 9px;color:var(--text);font-size:9px;overflow:hidden}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.download-card{display:grid;grid-template-columns:auto 1fr;gap:11px;padding:16px}.download-card .app-logo{grid-row:span 2}.download-card b{font-size:10px}.download-card>span{color:var(--muted);font-size:11px;line-height:1.7}.download-card .btn{grid-column:1 / -1}.faq-layout{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:start}.faq-cats{display:grid;gap:6px}.faq-cat-btn{padding:11px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:9px;text-align:right;font-size:9px}.faq-cat-btn.active{color:var(--gold-2);background:var(--gold-soft);border-color:#e8bd5533}.faq-list{display:grid;gap:7px}.faq-item{padding:14px;background:#ffffff05;border:1px solid var(--line);border-radius:11px}.faq-item b{display:block;font-size:10px}.faq-item p{margin:7px 0 0;color:var(--muted);font-size:8.5px;line-height:1.9}.announcement-card{position:relative;overflow:hidden;padding:20px}.announcement-card.major{min-height:210px;display:flex;flex-direction:column;justify-content:end;background:radial-gradient(circle at 0 0,rgba(103,167,255,.16),transparent 48%),var(--surface)}.announcement-card h3{margin:9px 0 5px;font-size:15px}.announcement-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.8}.favorite-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:13px;background:#ffffff05;border:1px solid var(--line);border-radius:11px}.favorite-row b{display:block;font-size:9.5px}.favorite-row span{color:var(--muted);font-size:8px}.mobile-nav{display:none}@media(min-width:981px)and (max-height:720px){.sidebar{padding-top:13px;padding-bottom:10px}.brand{margin-bottom:12px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-name span,.nav-label,.help-mini{display:none}.nav{gap:2px}.nav-btn{padding-block:9px;font-size:12px}.profile{padding-top:8px}}@media(max-width:980px){.sidebar{display:none}.main{margin-right:0}.topbar{top:0}.content{padding-bottom:105px}.mobile-nav{position:fixed;z-index:90;display:grid;grid-template-columns:repeat(5,1fr);inset:auto 0 0;padding:7px 6px max(7px,env(safe-area-inset-bottom));background:#0d1117f5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid var(--line)}.mobile-nav button{display:grid;justify-items:center;gap:3px;padding:6px 2px;color:var(--muted);background:transparent;border:0;font-size:8px}.mobile-nav button.active{color:var(--gold)}.mobile-nav .icon{width:19px;height:19px}}@media(max-width:760px){.prototype-bar{height:30px;font-size:9.5px}.app{padding-top:30px}.topbar{top:30px;height:62px;padding:0 16px}.top-title span{display:none}.content{padding:23px 14px 95px}.page-head{align-items:start;min-width:0}.page-head>div{min-width:0}.page-head .btn{display:none}.page-head #markRead{display:inline-flex;flex:none}.hero-service{grid-template-columns:1fr}.hero-copy{padding-bottom:16px}.hero-copy h2{font-size:27px}.hero-visual{min-height:190px}.connect-orb{width:135px;height:135px}.shield{width:72px;height:72px;border-radius:24px}.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.service-grid,.checkout-layout,.plan-grid{grid-template-columns:1fr}.plan.featured{transform:none}.store-intro{grid-template-columns:1fr}.store-intro .btn{width:100%}.detail-top{display:grid}.detail-actions{width:100%}.detail-actions .btn{flex:1}.setup-card,.connect-grid{grid-template-columns:1fr}.setup-card .qr,.connect-grid .qr{margin:auto}.devices{grid-template-columns:repeat(3,1fr)}.order-summary{order:-1}.product-switch,.renew-paths,.option-grid,.unified-families,.unified-plan-grid,.decision-grid{grid-template-columns:1fr}.decision-head{align-items:start}.decision-card{min-height:145px}.unified-families{display:none}.smart-choice-grid{grid-template-columns:1fr}.need-guide{padding:16px}.need-guide-head{align-items:start;flex-direction:column;gap:6px}.need-categories{display:flex;overflow-x:auto;margin-inline:-16px;padding:0 16px 5px;scrollbar-width:none;scroll-snap-type:x proximity}.need-category{flex:0 0 145px;scroll-snap-align:start}.need-result{grid-template-columns:auto minmax(0,1fr)}.need-result .btn{grid-column:1 / -1;width:100%}.smart-card{min-height:245px}.smart-choice-head,.smart-result{align-items:start;flex-direction:column}.unified-families .dragon-hero{min-height:265px}.unified-families .v2-console{min-height:0;height:auto}.unified-families .dragon-stats{gap:10px}.unified-families .dragon-stats div:nth-child(3){display:none}.unified-families .v2-route{min-height:185px}.unified-families .route-visual{display:none}.unified-families .server-item:nth-of-type(n+3){display:none}.compact-choice{align-items:flex-start;flex-direction:column}.order-card{min-height:235px}.summary-grid,.support-actions,.usage-service-grid{grid-template-columns:1fr}.usage-service-values{grid-template-columns:1fr 1fr}.notification-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.notification-summary .summary-tile{min-width:0;padding:11px 9px}.notification-summary .summary-tile b{font-size:13px;overflow-wrap:anywhere}.event-lab{grid-template-columns:1fr}.event-lab-actions{justify-content:start}.alerts-layout,.chat-layout,.finance-layout,.support-hero,.wallet-hero{grid-template-columns:1fr}.alert-item{grid-template-columns:auto 1fr}.alert-time{grid-column:2}.notification-details{grid-template-columns:1fr}.notification-modal-body{padding:19px}.notification-modal-actions .btn{width:100%}.manual-steps,.activation-steps{grid-template-columns:1fr}.activation-summary{grid-template-columns:1fr 1fr}.activation-hero{padding:22px}.activation-hero:after{position:static;transform:none;width:55px;height:55px;margin-bottom:15px;border-radius:18px;font-size:25px}.activation-hero-copy{max-width:none}.activation-body{padding:18px}.activation-actions .btn{width:100%}.first-service-hero,.pending-login-hero{grid-template-columns:1fr}.onboarding-visual{min-height:220px}.first-needs,.first-steps{grid-template-columns:1fr}.first-step{border-left:0;border-bottom:1px solid var(--line)}.first-step:last-child{border-bottom:0}.pending-login-main,.pending-login-side{padding:19px}.live-popup{left:12px;bottom:82px;width:calc(100vw - 24px)}.message{max-width:90%}.device-security-hero{grid-template-columns:1fr auto}.setup-family-grid{grid-template-columns:1fr}.os-picker{grid-template-columns:repeat(3,1fr)}.device-row{grid-template-columns:auto 1fr}.device-actions{grid-column:2}.diagnostic-result{grid-template-columns:auto 1fr}.diagnostic-result .btn{grid-column:2}.hub-grid,.server-grid,.app-grid,.profile-layout,.faq-layout,.field-grid{grid-template-columns:1fr}.table-row{grid-template-columns:1fr auto}.table-row span:nth-child(2),.table-row span:nth-child(3){display:none}.renew-service{display:grid}.renew-current{justify-content:space-between}.upgrade-compare{grid-template-columns:1fr}.upgrade-arrow{transform:rotate(90deg);padding:3px}.renew-checkout{align-items:stretch;flex-direction:column}.dragon-hero{min-height:440px;align-items:flex-start;background-position:28% center}.dragon-hero:after{background:linear-gradient(180deg,#06070af5,#06070a61 56%,#06070ab8)}.dragon-copy{width:100%;margin:0}.v2-console{grid-template-columns:1fr}.v2-route{min-height:260px;border-left:0;border-bottom:1px solid rgba(154,131,255,.16)}}@media(max-width:430px){.top-title b{max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-actions{gap:7px}.icon-btn{width:38px;height:38px}.page-head{flex-direction:column;gap:12px}.page-head #markRead{align-self:stretch}.service-row,.favorite-row,.transaction{grid-template-columns:auto minmax(0,1fr)}.service-row .row-action,.favorite-row .btn,.transaction strong{grid-column:2;justify-self:start}.ticket-row{grid-template-columns:auto minmax(0,1fr)}.ticket-meta{grid-column:2;justify-self:start;text-align:right}.composer{grid-template-columns:1fr}.composer .btn{width:100%}.invite-box{grid-template-columns:1fr}.invite-box code{min-height:38px}.notification-summary .summary-tile span{font-size:7.5px}.notification-summary .summary-tile b{font-size:11px}.event-lab{padding:15px}.event-lab-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.event-lab-actions .btn{padding-inline:8px}.alert-item{padding:13px;gap:9px}.alert-icon{width:35px;height:35px}.live-popup-main{padding-inline:14px}.live-popup-actions{padding:0 71px 14px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.auth2-app{--auth-gold:#e9b83c;--auth-hi:#f8d976;--auth-dk:#b07e1e;position:relative;min-height:100dvh;overflow:hidden;color:#f3e9d2;background:#0a0805}.auth2-scene{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background-position:top center;background-size:cover;background-repeat:no-repeat}.auth2-scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 27%,rgba(8,6,3,.53) 50%,rgba(6,4,2,.97) 74%)}.auth2-fx{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth2-bloom{position:absolute;left:50%;top:34%;width:min(120%,760px);height:46%;transform:translate(-50%,-50%);background:radial-gradient(ellipse 60% 70%,rgba(255,196,84,.55),rgba(233,150,40,.25) 38%,transparent 70%);mix-blend-mode:screen;filter:blur(7px);animation:authBreath 7s ease-in-out infinite}.auth2-haze{position:absolute;left:-20%;top:20%;width:140%;height:40%;background:radial-gradient(ellipse,rgba(255,190,90,.12),transparent 68%);filter:blur(15px);mix-blend-mode:screen;animation:authDrift 16s ease-in-out infinite}.auth2-rays{position:absolute;left:50%;top:30%;width:min(160%,900px);height:90%;transform:translate(-50%,-50%);mix-blend-mode:screen;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 78%);mask-image:linear-gradient(180deg,#000 30%,transparent 78%)}.auth2-rays i{position:absolute;left:50%;bottom:0;width:8%;height:100%;transform-origin:bottom;background:linear-gradient(180deg,rgba(255,206,110,.45),transparent 70%);filter:blur(7px);animation:authRay 6s ease-in-out infinite}.auth2-rays i:nth-child(1){transform:translate(-50%) rotate(-26deg)}.auth2-rays i:nth-child(2){transform:translate(-50%) rotate(-14deg);animation-delay:1.1s}.auth2-rays i:nth-child(3){transform:translate(-50%) rotate(-3deg);animation-delay:.5s}.auth2-rays i:nth-child(4){transform:translate(-50%) rotate(8deg);animation-delay:1.8s}.auth2-rays i:nth-child(5){transform:translate(-50%) rotate(20deg);animation-delay:.8s}.auth2-ring{position:absolute;left:50%;top:15%;width:min(62vw,330px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(233,184,60,.35);border-top-color:var(--auth-hi);border-radius:50%;box-shadow:0 0 20px #e9b83c33;animation:spin 20s linear infinite}.auth2-ring:after{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px dotted rgba(233,184,60,.4);border-radius:50%;animation:spin 30s linear infinite reverse}.auth2-lights i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--auth-hi);box-shadow:0 0 8px 2px #e9b83cd9;animation:authFlick 2.4s ease-in-out infinite}@keyframes authBreath{50%{opacity:1;transform:translate(-50%,-50%) scale(1.06)}}@keyframes authDrift{50%{transform:translate(8%)}}@keyframes authRay{0%,to{opacity:.08}50%{opacity:.55}}@keyframes authFlick{0%,to{opacity:.12;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}.auth2-layout{position:relative;z-index:5;min-height:100dvh}.auth2-hero{display:none}.auth2-pane{min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:34vh 16px 20px}.auth2-mobile-brand{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:14px}.auth2-mobile-brand h1,.auth2-brand h1{margin:0;color:var(--auth-hi);font-family:Georgia,Times New Roman,serif;font-size:30px;letter-spacing:7px;text-shadow:0 0 22px rgba(233,184,60,.45)}.auth2-mobile-brand p,.auth2-brand p{margin:0;color:var(--auth-dk);font-size:9px;letter-spacing:5px}.auth2-shield{width:50px;height:50px;display:grid;place-items:center;margin-bottom:3px;color:#171006;font-size:27px;background:linear-gradient(145deg,var(--auth-hi),var(--auth-dk));clip-path:polygon(50% 0,92% 16%,84% 72%,50% 100%,16% 72%,8% 16%);filter:drop-shadow(0 5px 14px rgba(233,184,60,.45))}.auth2-card{width:100%;max-width:430px;margin-inline:auto;padding:20px 18px 18px;background:#100c07ad;border:1px solid rgba(233,184,60,.3);border-radius:22px;box-shadow:0 -10px 55px #0000009e,inset 0 1px #ffebb414;-webkit-backdrop-filter:blur(21px) saturate(130%);backdrop-filter:blur(21px) saturate(130%)}.auth2-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin-bottom:16px;background:#00000057;border:1px solid rgba(233,184,60,.18);border-radius:14px}.auth2-tabs>span{position:absolute;z-index:0;top:4px;bottom:4px;right:4px;width:calc(50% - 4px);border-radius:10px;background:linear-gradient(135deg,var(--auth-hi),var(--auth-dk));box-shadow:0 6px 18px #e9b83c59;transition:transform .3s ease}.auth2-tabs.signup>span{transform:translate(-100%)}.auth2-tabs button{position:relative;z-index:1;min-height:40px;color:#b8a679;background:none;border:0;font-weight:700}.auth2-tabs button.active{color:#1a1304}.auth2-field{position:relative;margin-bottom:11px}.auth2-field input{width:100%;min-height:47px;padding:11px 42px 11px 40px;color:#f3e9d2;background:#0000006b;border:1px solid rgba(233,184,60,.23);border-radius:13px;outline:none;font:inherit;font-size:13px}.auth2-field input:focus{border-color:var(--auth-gold);box-shadow:0 0 0 3px #e9b83c2b}.auth2-field input::placeholder{color:#b8a679ab}.auth2-field-icon{position:absolute;z-index:1;right:14px;top:50%;transform:translateY(-50%);color:var(--auth-gold)}.auth2-eye{position:absolute;z-index:2;left:9px;top:50%;width:30px;height:30px;transform:translateY(-50%);color:var(--auth-gold);background:none;border:0}.auth2-remember{display:flex;align-items:center;gap:7px;margin:1px 2px 13px;color:#b8a679;font-size:11px}.auth2-remember input{accent-color:var(--auth-gold)}.auth2-primary{width:100%;min-height:48px;color:#1a1304;background:linear-gradient(135deg,var(--auth-hi),var(--auth-gold) 55%,var(--auth-dk));border:0;border-radius:13px;box-shadow:0 10px 27px #e9b83c59;font-weight:800}.auth2-primary:hover{transform:translateY(-1px);box-shadow:0 14px 32px #e9b83c7a}.auth2-primary:disabled,.auth2-telegram:disabled{opacity:.55;cursor:wait}.auth2-or{display:flex;align-items:center;gap:11px;margin:13px 2px;color:#b8a679;font-size:11px}.auth2-or:before,.auth2-or:after{content:"";flex:1;height:1px;background:#e9b83c33}.auth2-telegram,.auth2-demo{width:100%;min-height:44px;color:#f3e9d2;background:#00000057;border:1px solid rgba(233,184,60,.28);border-radius:13px;font-weight:700}.auth2-telegram{color:#bfeaff}.auth2-demo{min-height:34px;margin-top:9px;color:#b8a679;border-style:dashed;font-size:10px}.auth2-message{margin-top:12px;padding:10px 12px;color:#f3d99e;background:#e8bd5514;border:1px solid rgba(232,189,85,.17);border-radius:10px;font-size:11px;line-height:1.8}.auth2-message.error{color:#ff9da5;background:#ff6b7514;border-color:#ff6b7533}.auth2-bootstrap{display:grid;gap:4px;margin-bottom:12px;padding:12px;color:#f3d99e;background:#e8bd5514;border:1px solid rgba(232,189,85,.17);border-radius:12px;font-size:11px}.auth2-copy{margin:14px 0 0;color:#b8a67973;text-align:center;font-size:9px}@media(min-width:880px){.auth2-scene,.auth2-fx{left:auto;right:0;width:58%}.auth2-scene:after{background:linear-gradient(90deg,rgba(7,5,2,.97),rgba(7,5,2,.4) 18%,transparent 44%),linear-gradient(180deg,transparent 62%,rgba(6,4,2,.78))}.auth2-layout{display:grid;grid-template-columns:1.15fr .85fr}.auth2-hero{display:flex;align-items:center;padding:6vh 5vw}.auth2-brand h1{font-size:clamp(44px,5.2vw,68px);letter-spacing:12px}.auth2-brand p{font-size:12px;letter-spacing:9px}.auth2-pane{justify-content:center;padding:36px 5vw;background:radial-gradient(120% 80% at 50% 0,rgba(40,28,8,.45),transparent 60%),#0a0805}.auth2-mobile-brand{display:none}.auth2-card{max-width:420px;background:#100c07c2}}.cart-qty{display:inline-flex;align-items:center;gap:8px;direction:ltr}.cart-qty button{width:28px;height:28px;color:var(--text);background:var(--surface-3);border:1px solid var(--line);border-radius:8px}.discount-box{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.discount-box input{flex:1;min-width:150px;padding:10px 12px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px}.payment-result-card{width:min(600px,100%);margin:8vh auto 0;padding:clamp(26px,5vw,48px);text-align:center}.payment-result-card .eyebrow{justify-content:center}.payment-result-card p{color:var(--muted);line-height:2}.result-orb{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 20px;border-radius:25px;font-size:35px;font-weight:900}.result-orb.success{color:var(--green);background:var(--green-soft);border:1px solid rgba(77,213,139,.25)}.result-orb.failed{color:var(--red);background:#ff6b751a;border:1px solid rgba(255,107,117,.25)}.diagnostic-progress{height:7px;margin:9px 0 16px;overflow:hidden;border-radius:999px;background:#ffffff14}.diagnostic-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .25s ease}.diagnostic-score{display:flex;align-items:center;gap:12px;padding:12px 14px;margin-bottom:12px;border:1px solid;border-radius:12px;background:#ffffff06}.diagnostic-score b{font-size:22px}.diagnostic-score span{color:var(--muted);font-size:11px}.message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.message-attachments a{padding:6px 8px;border:1px solid var(--line);border-radius:8px;color:inherit;font-size:9px;text-decoration:none}.store-view{--store-accent: var(--gold)}.store-view.store-theme-wg{--store-accent: #ff5363}.store-view.store-theme-v2{--store-accent: #a997ff}.store-view .need-result{border-color:color-mix(in srgb,var(--store-accent) 30%,transparent)}.store-family-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:24px;direction:ltr}.store-family-banner{direction:rtl}.store-family-banner{--family-accent:#ff4d5f;position:relative;isolation:isolate;overflow:hidden;min-width:0;aspect-ratio:1180/1333;container-type:inline-size;color:#fff;background:#050506;border-radius:clamp(18px,2vw,28px);box-shadow:0 24px 70px #00000052;transition:transform .22s ease,filter .22s ease,box-shadow .22s ease}.store-family-banner.family-v2{--family-accent:#8f7cff;background:#030713}.store-family-banner.is-selected{transform:translateY(-4px);box-shadow:0 0 0 2px color-mix(in srgb,var(--family-accent) 70%,transparent),0 28px 80px color-mix(in srgb,var(--family-accent) 18%,transparent)}.store-family-banner>img{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none}.store-family-banner:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(2,3,7,.08) 54%,rgba(2,3,7,.62) 72%,rgba(2,3,7,.9) 100%);pointer-events:none}.store-family-copy{position:absolute;top:56%;right:5.6%;bottom:4.8%;left:5.6%;display:flex;align-items:center;flex-direction:column;text-align:center}.store-family-copy h2{max-width:92%;margin:0;font-size:clamp(19px,4.35cqi,32px);line-height:1.55;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 4px 22px rgba(0,0,0,.9)}.store-family-copy h2 span{display:block;color:#f4f4f5;font-size:.74em}.family-wg .store-family-copy h2:not(:only-child){color:#ff5363}.family-v2 .store-family-copy h2:not(:only-child){color:#9583ff}.store-family-copy p{max-width:90%;margin:8px 0 12px;color:#c8c9cf;font-size:clamp(11px,1.8cqi,13px);line-height:1.95;text-wrap:balance;text-shadow:0 2px 12px #000}.store-family-pick{display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;color:var(--family-accent);background:#03050ab8;border:1px solid color-mix(in srgb,var(--family-accent) 55%,transparent);border-radius:10px;font-size:clamp(11px,1.55cqi,12px);font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:.18s ease}.store-family-pick:hover{color:#fff;background:color-mix(in srgb,var(--family-accent) 18%,rgba(3,5,10,.82));transform:translateY(-1px)}.store-family-pick i{width:14px;height:14px;border:1px solid currentColor;border-radius:50%;box-shadow:inset 0 0 0 3px #03050ae6}.store-family-pick[aria-pressed=true] i{background:var(--family-accent)}.store-family-features{align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1.5cqi,12px);margin-top:auto}.store-family-features>div{min-width:0;min-height:clamp(57px,12cqi,79px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:7px 4px;color:var(--family-accent);background:#02040994;border:1px solid color-mix(in srgb,var(--family-accent) 28%,transparent);border-radius:clamp(9px,2cqi,14px);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.store-family-features svg{width:clamp(17px,4cqi,25px);height:clamp(17px,4cqi,25px);fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.store-family-features b{overflow:hidden;max-width:100%;color:#ededf1;font-size:clamp(10.5px,1.65cqi,12px);white-space:nowrap;text-overflow:ellipsis}.store-family-features small{overflow:hidden;max-width:100%;color:#a5a8b1;font-size:clamp(9.5px,1.35cqi,10.5px);white-space:nowrap;text-overflow:ellipsis}.store-family-filter{position:sticky;z-index:5;top:80px;display:flex;justify-content:center;gap:6px;width:max-content;max-width:100%;padding:5px;margin:24px auto 18px;background:#0c1016e0;border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #0003;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.store-family-filter button{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.store-family-filter button span{min-width:22px;padding:2px 6px;color:var(--muted);background:#ffffff0d;border-radius:99px;font-size:10.5px;text-align:center}.store-family-filter button.active{color:var(--text);background:var(--surface-3);border-color:var(--line-strong)}.store-family-filter button.wg.active{color:#ff7480;background:#ff41521a;border-color:#ff415252}.store-family-filter button.v2.active{color:#b8aaff;background:#9a83ff1a;border-color:#9a83ff4d}.store-plans{scroll-margin-top:140px}.store-empty-message{margin:0;color:var(--muted)}.store-empty-family{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.store-empty-family p{margin:0;color:var(--muted)}.store-view .order-card.featured:not(.is-recommended) .match-badge{display:block}@media(max-width:760px){.store-family-banners{grid-template-columns:1fr;gap:14px}.store-family-banner{width:min(100%,560px);justify-self:center}.store-family-banner.is-selected{transform:none}.store-family-filter{top:68px;justify-content:flex-start;width:100%;overflow-x:auto;scrollbar-width:none}.store-empty-family{align-items:stretch;flex-direction:column}}@media(max-width:430px){.store-family-banner{aspect-ratio:1/1.06;border-radius:18px}.store-family-banner>img{object-position:center 18%}.store-family-copy{top:46%;right:4.5%;bottom:3.5%;left:4.5%}.store-family-copy h2{font-size:clamp(17px,6.2cqi,22px)}.store-family-copy p{max-width:98%;margin-block:4px 7px;font-size:11px;line-height:1.65}.store-family-pick{min-height:32px;padding-inline:10px}.store-family-features{gap:5px}.store-family-features>div{min-height:45px;padding-block:5px}.store-family-features svg{width:17px;height:17px}.store-family-features b{font-size:9.5px}.store-family-features small{display:none}}.setup-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.apps-family-section .download-card{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;padding:17px}.apps-family-section .download-card>b{font-size:14px;line-height:1.7}.apps-family-section .download-card>span{min-height:0;font-size:11.5px;line-height:1.8}.download-card .client-choices{grid-column:auto;margin-top:5px}.client-choice-copy b,.client-choice-copy small{overflow:visible;text-overflow:clip;white-space:normal;word-break:normal;overflow-wrap:break-word}.client-choice-copy b{font-size:13px;line-height:1.7}.client-choice-copy small{font-size:11px;line-height:1.85}.client-choices:not(.has-two) .client-choice{grid-template-columns:auto minmax(0,1fr)}.client-choice-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.client-choice-actions .btn,.client-choices:not(.has-two) .client-choice .client-choice-actions .btn{grid-column:auto;width:100%}.client-tutorial-link{border-color:#e8bd5538;background:var(--gold-soft)}.family-wg .client-tutorial-link{border-color:#ff415238;background:#ff415214}.family-v2 .client-tutorial-link{border-color:#9a83ff40;background:#9a83ff17}.app-tutorial-page{max-width:1180px;margin-inline:auto}.tutorial-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:17px;padding:22px;margin-bottom:20px;background:radial-gradient(circle at 8% 12%,rgba(232,189,85,.1),transparent 34%),var(--surface)}.tutorial-hero .app-logo{width:54px;height:54px;font-size:15px}.tutorial-hero h1{margin:8px 0 5px;font-size:clamp(20px,2.2vw,28px);line-height:1.55}.tutorial-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.9}.tutorial-badges{display:flex;flex-wrap:wrap;gap:6px}.tutorial-badges span{padding:5px 8px;color:var(--gold-2);background:var(--gold-soft);border-radius:7px;font-size:10.5px;font-weight:800}.family-wg .tutorial-badges span{color:#ff7d88;background:#ff41521a}.family-v2 .tutorial-badges span{color:#b8aaff;background:#9a83ff1c}.tutorial-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px}.tutorial-main{min-width:0}.tutorial-main .section-head h2{font-size:16px}.tutorial-steps{display:grid;gap:10px}.tutorial-step{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;padding:17px}.tutorial-step>i{width:34px;height:34px;display:grid;place-items:center;color:#171205;background:var(--gold-2);border-radius:10px;font-size:12px;font-style:normal;font-weight:900}.family-wg .tutorial-step>i{color:#fff;background:#d52a40}.family-v2 .tutorial-step>i{color:#100b20;background:#a895ff}.tutorial-step h3{margin:0 0 5px;font-size:14px;line-height:1.7}.tutorial-step p{margin:0;color:var(--muted);font-size:12px;line-height:2}.tutorial-side{position:sticky;top:78px;display:grid;gap:11px}.tutorial-ready-card,.tutorial-help-card{padding:18px}.tutorial-ready-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:12px;font-size:18px}.tutorial-ready-card h3,.tutorial-help-card h3{margin:11px 0 8px;font-size:14px}.tutorial-ready-card ul{display:grid;gap:8px;padding:0 18px 0 0;margin:0 0 15px;color:var(--muted);font-size:11.5px;line-height:1.8}.tutorial-help-card p{margin:0 0 14px;color:var(--muted);font-size:11.5px;line-height:1.9}.tutorial-tip{margin:0}.tutorial-tip b{display:block;margin-bottom:4px;color:var(--text)}@media(max-width:1100px){.setup-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.tutorial-layout{grid-template-columns:1fr}.tutorial-side{position:static}}@media(max-width:760px){.setup-app-grid{grid-template-columns:1fr}.tutorial-hero{grid-template-columns:auto minmax(0,1fr);padding:17px}.tutorial-hero>.btn{grid-column:1/-1;width:100%}}@media(max-width:430px){.tutorial-hero .app-logo{width:44px;height:44px}.tutorial-step{padding:14px;gap:10px}.tutorial-step p{font-size:11.5px}}.apps-device-selector{padding:20px;margin-bottom:22px}.apps-device-intro{display:flex;align-items:center;justify-content:space-between;gap:18px}.apps-device-intro h2{margin:13px 0 4px;font-size:18px}.apps-device-intro p{margin:0;color:var(--muted);font-size:11.5px;line-height:1.8}.apps-detected-mark{width:50px;height:50px;display:grid;place-items:center;flex:none;color:var(--green);background:var(--green-soft);border:1px solid rgba(77,213,139,.16);border-radius:15px;font-size:18px;font-weight:900}.apps-device-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:18px}.apps-device-tab{position:relative;min-width:0;min-height:78px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;align-items:center;gap:3px 9px;padding:12px;color:var(--muted);background:#00000024;border:1px solid var(--line);border-radius:12px;text-align:right}.apps-device-tab>span{width:34px;height:34px;grid-row:1/span 2;display:grid;place-items:center;color:var(--muted-2);background:#ffffff0a;border-radius:10px;font-size:12px;font-weight:900}.apps-device-tab b{font-size:12.5px;line-height:1.6}.apps-device-tab small{color:var(--green);font-size:9.5px;line-height:1.5}.apps-device-tab.active{color:#171205;background:linear-gradient(130deg,var(--gold-2),#d3a132);border-color:var(--gold-2);box-shadow:0 10px 28px #be891f26}.apps-device-tab.active>span{color:#171205;background:#0000001a}.apps-device-tab.active small{color:#3c2c08}.apps-device-results,.apps-all-results{margin-top:4px}.apps-device-results>.family-head{margin-bottom:12px}.apps-result-count{padding:6px 9px;color:var(--muted);background:#ffffff09;border:1px solid var(--line);border-radius:8px;font-size:10.5px}.apps-selected-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:13px}.apps-selected-card{display:flex;flex-direction:column;min-width:0;padding:18px}.apps-selected-family{display:flex;align-items:center;gap:11px;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid var(--line)}.apps-selected-family>div{min-width:0}.apps-selected-family b{display:block;font-size:14px;line-height:1.7}.apps-selected-family div span{display:block;margin-top:2px;color:var(--muted);font-size:11px;line-height:1.8}.apps-selected-card .client-choices{margin:0}.apps-show-all{display:block;margin:16px auto 0;padding:4px 1px;color:var(--muted);background:none;border:0;border-bottom:1px dashed var(--line-strong);font-size:11px}.apps-show-all:hover{color:var(--text)}.apps-all-results>.family-head{margin-bottom:20px}.store-plans .plan-metrics{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.store-plans .plan-metric{min-width:0}.store-plans .plan-metric b{overflow-wrap:normal;white-space:normal}@media(max-width:900px){.apps-device-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.apps-page-head{align-items:stretch}.apps-page-head .btn{width:100%}.apps-device-selector{padding:15px}.apps-device-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}.apps-device-tab{min-height:72px}.apps-selected-grid{grid-template-columns:1fr}}@media(max-width:430px){.apps-device-intro h2{font-size:16px}.apps-detected-mark{width:43px;height:43px}.apps-device-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.apps-device-tab{min-height:68px;padding:9px}.apps-device-tab:last-child{grid-column:1/-1}.apps-selected-card{padding:14px}.store-plans .plan-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.store-plans .plan-metric:last-child:nth-child(odd){grid-column:1/-1}.need-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding:0}.need-category{min-width:0;min-height:68px;padding:9px}.need-category:last-child{grid-column:1/-1}.need-category small{white-space:normal}}@media(max-width:760px){.service-card.family-service-wg,.service-card.family-service-v2{min-height:0;background-position:center 25%;background-size:cover}.service-card.family-service-wg{background-image:linear-gradient(180deg,#08090dc2,#120307e0 58%,#0a0b0ff7),url(/assets/store-wireguard-eagle.webp)}.service-card.family-service-v2{background-image:linear-gradient(180deg,#070911c2,#070a19e0 58%,#0a0b12f7),url(/assets/store-v2ray-eagle.webp)}.service-card-stats{gap:6px}.service-card .mini-stat{min-width:0;padding:9px 6px;text-align:center}.service-card .mini-stat b{overflow-wrap:normal;font-size:12px;white-space:normal}}@media(max-width:430px){.service-card{padding:17px}.service-card h3{font-size:16px;line-height:1.7}.service-card-stats{margin-block:14px}.service-card .card-actions{display:grid;grid-template-columns:1fr 1fr}.service-card .card-actions .btn{min-width:0;padding-inline:8px}}.empty-services-state{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);overflow:hidden;min-height:410px;padding:0;border-color:#e8bd552e;background:radial-gradient(circle at 100% 0,rgba(232,189,85,.12),transparent 36%),var(--surface)}.empty-services-copy{align-self:center;padding:34px}.empty-services-badge{display:inline-flex;padding:6px 9px;color:var(--gold-2);background:var(--gold-soft);border-radius:8px;font-size:10.5px;font-weight:800}.empty-services-copy h2{margin:15px 0 7px;font-size:clamp(23px,2.6vw,32px);line-height:1.55}.empty-services-copy>p{max-width:650px;margin:0;color:var(--muted);font-size:12.5px;line-height:2}.empty-services-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:22px 0}.empty-services-steps span{min-width:0;display:flex;align-items:center;gap:8px;padding:10px;color:var(--muted);background:#00000029;border:1px solid var(--line);border-radius:11px}.empty-services-steps i{width:27px;height:27px;display:grid;place-items:center;flex:none;color:#171205;background:var(--gold-2);border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.empty-services-steps b{font-size:11px;line-height:1.7}.empty-services-actions{display:flex;flex-wrap:wrap;gap:8px}.empty-services-families{display:grid;grid-template-rows:1fr 1fr;gap:1px;min-width:0;background:var(--line)}.empty-family-preview{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-start;justify-content:flex-end;flex-direction:column;min-height:205px;padding:24px;background:#08090d center 28%/cover no-repeat}.empty-family-preview:after{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0405082e,#05060af0)}.empty-family-preview.wg{background-image:url(/assets/store-wireguard-eagle.webp)}.empty-family-preview.v2{background-image:url(/assets/store-v2ray-eagle.webp)}.empty-family-preview span{padding:4px 7px;border-radius:7px;font-size:10px;font-weight:900}.empty-family-preview.wg span{color:#ff7480;background:#ff415224}.empty-family-preview.v2 span{color:#b8aaff;background:#9a83ff26}.empty-family-preview b{margin-top:7px;font-size:15px}.empty-family-preview small{margin-top:3px;color:var(--muted);font-size:11px}@media(max-width:900px){.empty-services-state{grid-template-columns:1fr}.empty-services-families{grid-template-columns:1fr 1fr;grid-template-rows:none;order:-1}.empty-family-preview{min-height:220px}}@media(max-width:600px){.empty-services-copy{padding:22px 17px}.empty-services-copy h2{font-size:23px}.empty-services-steps{grid-template-columns:1fr;margin-block:18px}.empty-services-actions{display:grid;grid-template-columns:1fr}.empty-services-families{grid-template-columns:1fr 1fr}.empty-family-preview{min-height:155px;padding:14px;background-position:center 23%}.empty-family-preview b{font-size:12.5px}.empty-family-preview small{font-size:9.5px}}.fresh-dashboard{max-width:1220px;margin-inline:auto}.fresh-welcome-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);overflow:hidden;min-height:470px;padding:0;margin-bottom:18px;border-color:#e8bd5538;background:radial-gradient(circle at 85% 0,rgba(232,189,85,.13),transparent 34%),linear-gradient(135deg,#151a21,#0d1117 64%)}.fresh-welcome-copy{align-self:center;padding:clamp(28px,4vw,48px)}.fresh-account-ready{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;color:var(--green);background:var(--green-soft);border:1px solid rgba(77,213,139,.16);border-radius:9px;font-size:10.5px;font-weight:800}.fresh-account-ready i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #4dd58b14}.fresh-hello{margin:19px 0 4px;color:var(--gold-2);font-size:13px;font-weight:700}.fresh-welcome-copy h1{max-width:690px;margin:0 0 10px;font-size:clamp(29px,3.6vw,45px);line-height:1.5;letter-spacing:-.055em;text-wrap:balance}.fresh-welcome-copy>p:not(.fresh-hello){max-width:690px;margin:0;color:var(--muted);font-size:12.5px;line-height:2}.fresh-welcome-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.fresh-trust-row{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:18px;color:var(--muted);font-size:10.5px}.fresh-trust-row span:before{content:"✓";margin-left:5px;color:var(--green);font-weight:900}.fresh-welcome-art{position:relative;min-width:0;min-height:470px;background:#07090d}.fresh-art-card{position:absolute;overflow:hidden;display:flex;justify-content:flex-end;flex-direction:column;width:63%;height:72%;padding:23px;background:center 25%/cover no-repeat;border:1px solid var(--line);border-radius:24px;box-shadow:0 28px 70px #0000006b}.fresh-art-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0304070d,#040508e6)}.fresh-art-card>*{position:relative;z-index:1}.fresh-art-card.wg{z-index:1;top:7%;right:5%;background-image:url(/assets/store-wireguard-eagle.webp);transform:rotate(2.5deg)}.fresh-art-card.v2{z-index:2;right:34%;bottom:4%;background-image:url(/assets/store-v2ray-eagle.webp);transform:rotate(-3deg)}.fresh-art-card span{align-self:flex-start;padding:4px 7px;border-radius:7px;font-size:9.5px;font-weight:900}.fresh-art-card.wg span{color:#ff7480;background:#ff415226}.fresh-art-card.v2 span{color:#b8aaff;background:#9a83ff29}.fresh-art-card b{margin-top:6px;font-size:14px}.fresh-art-center{position:absolute;z-index:4;top:50%;right:46%;width:60px;height:60px;display:grid;place-items:center;color:#171205;background:linear-gradient(145deg,var(--gold-2),#bd8926);border:6px solid #0e1319;border-radius:19px;transform:translate(50%,-50%) rotate(45deg);box-shadow:0 16px 40px #00000073}.fresh-art-center .icon{width:26px;height:26px;transform:rotate(-45deg)}.trial-claim-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:15px;padding:18px 20px;margin-bottom:24px;border-color:#e8bd5538;background:radial-gradient(circle at 0 50%,rgba(232,189,85,.14),transparent 30%),var(--surface)}.trial-gift{width:48px;height:48px;display:grid;place-items:center;color:#171205;background:linear-gradient(145deg,var(--gold-2),#c18c25);border-radius:15px;box-shadow:0 12px 28px #a66f0c2b}.trial-gift .icon{width:24px;height:24px}.trial-claim-copy>span{color:var(--gold-2);font-size:10px;font-weight:800}.trial-claim-copy h3{margin:3px 0;font-size:14px}.trial-claim-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.8}.trial-claim-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.fresh-start-section{margin-top:4px}.fresh-start-section>.family-head{margin-bottom:12px}.fresh-time{color:var(--green);font-size:10.5px;white-space:nowrap}.fresh-time:before{content:"●";margin-left:5px;font-size:8px}.fresh-needs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.fresh-need-card{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:17px;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:15px;text-align:right;transition:.18s ease}.fresh-need-card:hover{border-color:#e8bd5552;transform:translateY(-2px)}.fresh-need-card>i{width:42px;height:42px;grid-row:1/span 2;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:13px;font-size:17px;font-style:normal}.fresh-need-card b{display:block;font-size:12.5px;line-height:1.7}.fresh-need-card small{display:block;margin-top:2px;color:var(--muted);font-size:10.5px;line-height:1.7}.fresh-need-card em{grid-column:2;color:var(--gold-2);font-size:9.5px;font-style:normal;font-weight:700}.fresh-journey{display:grid;grid-template-columns:auto minmax(180px,.45fr);align-items:center;gap:12px 24px;padding:17px 20px;margin-top:18px}.fresh-journey-head{display:flex;align-items:center;gap:10px;grid-row:1/span 2}.fresh-journey-head>span{width:42px;height:42px;display:grid;place-items:center;color:var(--green);background:var(--green-soft);border-radius:13px;font-size:10.5px;font-weight:900}.fresh-journey-head b,.fresh-journey-head small{display:block}.fresh-journey-head b{font-size:12.5px}.fresh-journey-head small{margin-top:2px;color:var(--muted);font-size:10px}.fresh-journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.fresh-journey-track i{height:5px;background:#ffffff12;border-radius:10px}.fresh-journey-track i.done{background:var(--green)}.fresh-journey-labels{display:flex;justify-content:space-between;gap:7px;color:var(--muted);font-size:9px}@media(max-width:900px){.fresh-welcome-hero{grid-template-columns:1fr}.fresh-welcome-art{order:-1;min-height:290px}.fresh-art-card{width:55%;height:82%}.fresh-needs-grid{grid-template-columns:1fr}}@media(max-width:600px){.fresh-welcome-hero{min-height:0}.fresh-welcome-art{min-height:220px}.fresh-art-card{width:57%;height:84%;padding:13px;border-radius:17px}.fresh-art-card.wg{right:3%}.fresh-art-card.v2{right:40%}.fresh-art-center{width:48px;height:48px;right:50%;border-width:5px;border-radius:15px}.fresh-art-center .icon{width:21px;height:21px}.fresh-welcome-copy{padding:23px 17px}.fresh-welcome-copy h1{font-size:27px}.fresh-welcome-copy>p:not(.fresh-hello){font-size:11.5px}.fresh-welcome-actions{display:grid;grid-template-columns:1fr}.fresh-trust-row{display:grid;grid-template-columns:1fr 1fr}.trial-claim-card{grid-template-columns:auto minmax(0,1fr);padding:16px}.trial-claim-actions{grid-column:1/-1}.trial-claim-actions .btn{width:100%}.fresh-start-section .family-head{align-items:flex-start;flex-direction:column;gap:7px}.fresh-need-card{padding:14px}.fresh-journey{grid-template-columns:1fr}.fresh-journey-head{grid-row:auto}}.delivery-page{display:grid;place-items:start center;min-height:calc(100vh - 130px);padding-top:3vh}.delivery-hero{width:min(900px,100%);padding:clamp(25px,4.5vw,48px);text-align:center}.delivery-orb{width:88px;height:88px;display:grid;place-items:center;margin:0 auto 18px;border:12px solid rgba(255,174,87,.12);border-radius:50%;color:#171205;background:#ffae57;font-size:34px;font-weight:900}.delivery-hero.delivered .delivery-orb{color:#092016;background:var(--green);border-color:#4dd58b1f}.delivery-hero.processing .delivery-orb{color:#151005;background:var(--gold-2);border-color:var(--gold-soft);font-size:22px}.delivery-hero.failed .delivery-orb{color:#fff;background:var(--red);border-color:#ff6b751f}.delivery-kicker{color:var(--gold-2);font-size:11px;font-weight:800}.delivery-hero h1{margin:9px 0 8px;font-size:clamp(25px,3.3vw,38px);line-height:1.55}.delivery-hero>p{max-width:720px;margin:0 auto;color:var(--muted);font-size:12px;line-height:2}.delivery-progress-card{padding:18px;margin:27px auto 0;background:#ffffff05;border:1px solid var(--line);border-radius:15px;text-align:right}.delivery-progress-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.delivery-progress-head b{font-size:12.5px}.delivery-progress-head span{color:var(--gold-2);font-size:10.5px}.delivery-hero.delivered .delivery-progress-head span{color:var(--green)}.delivery-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.delivery-steps>div{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:center;gap:2px 8px;min-height:84px;padding:12px;background:#00000024;border:1px solid var(--line);border-radius:11px}.delivery-steps i{width:28px;height:28px;grid-row:1/span 2;display:grid;place-items:center;color:var(--muted);background:#ffffff0d;border-radius:8px;font-size:10px;font-style:normal;font-weight:900}.delivery-steps b{font-size:11.5px;line-height:1.7}.delivery-steps small{color:var(--muted);font-size:9.5px;line-height:1.7}.delivery-steps .done i{color:#092016;background:var(--green)}.delivery-steps .current{border-color:#e8bd5557;background:var(--gold-soft)}.delivery-hero.review .delivery-steps .current{border-color:#ffae5759;background:#ffae5712}.delivery-steps .current i{color:#171205;background:var(--gold-2)}.delivery-hero.review .delivery-steps .current i{background:#ffae57}.delivery-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}.delivery-auto-note{display:block;margin-top:13px;color:var(--muted-2);font-size:9.5px;line-height:1.8}.delivery-hero.delivered{border-color:#4dd58b3b;background:radial-gradient(circle at 50% 0,rgba(77,213,139,.1),transparent 38%),var(--surface)}.delivery-hero.review{border-color:#ffae5733;background:radial-gradient(circle at 50% 0,rgba(255,174,87,.08),transparent 38%),var(--surface)}@media(max-width:600px){.delivery-page{padding-top:0}.delivery-hero{padding:24px 16px}.delivery-orb{width:72px;height:72px;border-width:10px;font-size:28px}.delivery-hero h1{font-size:25px}.delivery-steps{grid-template-columns:1fr}.delivery-steps>div{min-height:68px}.delivery-actions{display:grid;grid-template-columns:1fr}}.services-setup-loop{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;margin-bottom:18px;background:linear-gradient(125deg,rgba(232,189,85,.08),var(--surface) 54%)}.services-setup-mark{width:42px;height:42px;display:grid;place-items:center;color:#171205;background:linear-gradient(145deg,var(--gold-2),#bd8926);border-radius:13px;box-shadow:0 9px 25px #b47f1c2e}.services-setup-loop b{display:block;margin-bottom:3px;font-size:12.5px}.services-setup-loop span span{display:block;color:var(--muted);font-size:11.5px;line-height:1.8}.setup-hero .status+h2{margin-top:13px}.setup-family{display:flex;flex-direction:column}.setup-family-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.setup-family.wg .smart-kicker{color:#ff7883;background:#ff41521c}.setup-family.v2 .smart-kicker{color:#b9adff;background:#9a83ff1c}.setup-family-state{padding:4px 7px;color:var(--muted);background:#ffffff06;border:1px solid var(--line);border-radius:7px;font-size:10.5px;font-weight:600}.setup-family-state.available{color:var(--green);background:var(--green-soft);border-color:#4dd58b2e}.setup-family .app-suggestion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.setup-family .app-suggestion>span:nth-child(2){min-width:0}.setup-family .app-suggestion .btn{min-height:32px;padding-inline:9px;color:var(--text);text-decoration:none;white-space:nowrap}.setup-family.wg .app-logo{color:#ff6572;background:#ff41521c}.setup-family.v2 .app-logo{color:#ad9dff;background:#9a83ff1c}.setup-family .setup-flow{flex:1}.setup-family.wg .btn-primary{color:#fff;background:linear-gradient(120deg,#ff6370,#c71f34)}.setup-family.v2 .btn-primary{color:#100b20;background:linear-gradient(120deg,#c4b8ff,#8971ed)}.client-choices{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px}.client-choices.has-two{grid-template-columns:repeat(2,minmax(0,1fr))}.client-choice{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:10px;background:#00000029;border:1px solid var(--line);border-radius:11px}.client-choice.recommended{border-color:#e8bd5547;background:linear-gradient(135deg,#e8bd5513,#00000029)}.family-v2 .client-choice.recommended,.setup-family.v2 .client-choice.recommended{border-color:#9a83ff52;background:linear-gradient(135deg,#9a83ff17,#00000029)}.family-wg .client-choice.recommended,.setup-family.wg .client-choice.recommended{border-color:#ff415247;background:linear-gradient(135deg,#ff415213,#00000029)}.client-choice .app-logo{grid-row:auto;flex:none}.client-choice-copy{min-width:0}.client-choice-copy b,.client-choice-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.client-choice-copy b{margin-top:5px;font-size:12.5px;font-weight:600;line-height:1.65;white-space:nowrap}.client-choice-copy small{margin-top:3px;color:var(--muted);font-size:11px;line-height:1.75}.client-choice-badge{display:inline-flex;padding:4px 7px;color:var(--muted);background:#ffffff0d;border-radius:7px;font-size:10.5px;line-height:1.4;font-weight:800}.client-choice.recommended .client-choice-badge{color:var(--gold-2);background:var(--gold-soft)}.family-v2 .client-choice.recommended .client-choice-badge,.setup-family.v2 .client-choice.recommended .client-choice-badge{color:#b7aaff;background:#9a83ff1f}.family-wg .client-choice.recommended .client-choice-badge,.setup-family.wg .client-choice.recommended .client-choice-badge{color:#ff7d88;background:#ff41521c}.client-choice .btn{grid-column:1/-1;min-height:31px;padding-inline:9px;color:var(--text);text-align:center;text-decoration:none;white-space:nowrap}.client-choices:not(.has-two) .client-choice{grid-template-columns:auto minmax(0,1fr) auto}.client-choices:not(.has-two) .client-choice .btn{grid-column:auto}.download-card .client-choices{grid-column:1/-1;width:100%;margin:3px 0 0}.download-card .client-choices.has-two{grid-template-columns:1fr}.setup-apps-footer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;margin-top:14px}.setup-apps-icon{width:39px;height:39px;display:grid;place-items:center;color:var(--gold);background:var(--gold-soft);border-radius:12px;font-size:18px}.setup-apps-footer b{display:block;font-size:12.5px}.setup-apps-footer span span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.75}.connect-modal{width:min(920px,100%)}.connect-detected{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:6px 9px;color:var(--muted);background:#ffffff06;border:1px solid var(--line);border-radius:8px;font-size:11px}.connect-detected b{color:var(--green)}.connect-guide-panel{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:start;gap:20px;padding:20px;background:#ffffff05;border:1px solid var(--line);border-radius:15px}.connect-modal.family-wg .connect-guide-panel{border-color:#ff41522e;background:linear-gradient(145deg,#ff41520b,#ffffff04 46%)}.connect-modal.family-v2 .connect-guide-panel{border-color:#9a83ff33;background:linear-gradient(145deg,#9a83ff0e,#ffffff04 46%)}.connect-guide-main{min-width:0}.connect-guide-main>h3{margin:13px 0 11px;font-size:15px}.connect-app-suggestion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;margin-bottom:14px}.connect-app-suggestion>span:nth-child(2){min-width:0}.connect-app-suggestion .btn{min-height:32px;padding-inline:9px;color:var(--text);text-decoration:none;white-space:nowrap}.connect-modal.family-wg .connect-app-suggestion .app-logo{color:#ff6572;background:#ff41521c}.connect-modal.family-v2 .connect-app-suggestion .app-logo{color:#ad9dff;background:#9a83ff1c}.connect-guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.connect-guide-step{min-width:0;padding:11px;background:#00000029;border:1px solid var(--line);border-radius:11px}.connect-guide-step i{width:26px;height:26px;display:grid;place-items:center;margin-bottom:8px;color:#12130e;background:var(--gold-2);border-radius:7px;font-size:10.5px;font-style:normal;font-weight:900}.connect-modal.family-wg .connect-guide-step i{color:#fff;background:#dd344a}.connect-modal.family-v2 .connect-guide-step i{color:#100b20;background:#a997ff}.connect-guide-step b{display:block;font-size:12.5px;font-weight:600;line-height:1.75}.connect-guide-step span span{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.85}.connect-secret-box,.connect-config-actions{margin-top:0}.connect-security-note{margin-top:13px}.connect-all-apps{margin-top:11px;padding:2px 0;color:var(--muted);background:none;border:0;border-bottom:1px dashed var(--line-strong);font-size:11px}.connect-all-apps:hover{color:var(--text)}.connect-qr-side{position:sticky;top:0;display:flex;align-items:center;flex-direction:column;padding:13px;text-align:center;background:#0000002b;border:1px solid var(--line);border-radius:14px}.connect-qr-side img{width:150px;height:150px;padding:9px;background:#fff;border-radius:12px;box-shadow:0 12px 35px #0000004d}.connect-qr-placeholder{width:150px;height:150px;display:grid;place-items:center;padding:10px;color:var(--muted-2);border:1px dashed var(--line-strong);border-radius:12px;font-size:8px}.connect-qr-side b{margin-top:10px;font-size:12px}.connect-qr-side span{margin-top:4px;color:var(--muted);font-size:10.5px;line-height:1.75}.apps-family-section{margin-bottom:25px}.apps-family-section .family-head{margin-bottom:12px}.apps-family-section .family-head h2{font-size:15px}.apps-family-badge{padding:5px 9px;border-radius:8px;font-size:10.5px;font-weight:900}.apps-family-badge.wg{color:#ff7480;background:#ff41521a}.apps-family-badge.v2{color:#b8aaff;background:#9a83ff1a}.setup-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.download-card.family-wg{border-color:#ff415229}.download-card.family-v2{border-color:#9a83ff2b}.download-card.family-wg .app-logo{color:#ff6572;background:#ff41521c}.download-card.family-v2 .app-logo{color:#ad9dff;background:#9a83ff1c}.download-card .btn{text-align:center;text-decoration:none}@media(max-width:1100px){.setup-app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.connect-guide-steps{grid-template-columns:1fr}.connect-guide-step{display:grid;grid-template-columns:auto 1fr;gap:9px;align-items:start}.connect-guide-step i{margin:0}}@media(max-width:760px){.services-setup-loop,.setup-apps-footer{grid-template-columns:auto minmax(0,1fr)}.services-setup-loop .btn,.setup-apps-footer .btn{grid-column:1/-1;width:100%}.setup-family .app-suggestion,.connect-app-suggestion{grid-template-columns:auto minmax(0,1fr)}.setup-family .app-suggestion .btn,.connect-app-suggestion .btn{grid-column:1/-1;width:100%}.connect-modal{padding:18px 14px}.connect-guide-panel{grid-template-columns:1fr;padding:14px}.connect-qr-side{position:static;order:-1}.connect-qr-side img,.connect-qr-placeholder{width:138px;height:138px}.setup-app-grid,.client-choices.has-two{grid-template-columns:1fr}.client-choices:not(.has-two) .client-choice{grid-template-columns:auto minmax(0,1fr)}.client-choices:not(.has-two) .client-choice .btn{grid-column:1/-1}}@media(max-width:430px){.connect-modal .devices{display:flex;overflow-x:auto;margin-inline:-14px;padding-inline:14px;scrollbar-width:none}.connect-modal .device{flex:0 0 104px}.connect-guide-main>h3{font-size:13px}.connect-secret-box{grid-template-columns:1fr}.connect-secret-box .btn{width:100%}.connect-config-actions{display:grid;grid-template-columns:1fr}.connect-config-actions .btn{width:100%}}
