@import url("/fonts.css");
:root{--ink:#1b1424;--muted:#71667e;--violet:#7550c8;--line:#ebe5f1;--green:#187247;--red:#ae3d50;--amber:#896922;--soft:#f7f4fb;font-family:Onest,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a586e9;outline-offset:4px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}h1,h2,h3,p{margin:0}img,svg{display:block}.wrap{max-width:1200px;margin:auto;padding:0 32px}.header{display:flex;align-items:center;justify-content:space-between;height:90px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-vpn{color:var(--violet)}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:550}.nav-current{color:var(--violet)}.account{border:1px solid var(--line);border-radius:12px;padding:10px 16px}.account span{margin-left:16px}.hero{min-height:352px;position:relative;border-radius:28px;background:#1f1433;overflow:hidden;color:#fff;padding:43px 48px}.hero-content{position:relative;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:10px;font-weight:650;letter-spacing:1.7px;color:#cab9ea}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#a7efc1;box-shadow:0 0 0 4px #a7efc115}.hero h1{font-size:clamp(36px,4.5vw,53px);line-height:1.08;letter-spacing:-2.4px;font-weight:650;margin:22px 0 15px}.hero h1 span{color:#c3b0f2}.hero p{font-size:14px;line-height:1.6;color:#c2b7d1}.hero-link{display:inline-flex;align-items:center;gap:35px;font-size:12px;font-weight:550;margin-top:23px;color:#ede5ff}.hero-link span{color:#c3b0f2}.orbit-art{position:absolute;width:440px;right:20px;top:-18px;height:400px;pointer-events:none}.orbit-art svg{position:relative;width:100%;height:100%}.orbit-glow{position:absolute;inset:30px;border-radius:50%;background:radial-gradient(ellipse,#7550c84a,transparent 67%)}.orbit-label{position:absolute;bottom:50px;left:100px;font-size:10px;letter-spacing:.3px;padding:9px 14px;border:1px solid #a78bd343;background:#2b1f40e8;border-radius:20px;display:flex;gap:10px;align-items:center;color:#e5daf5}.overview{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px;padding:25px 28px;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 18px #29144303}.overview-main{display:flex;align-items:center;gap:17px}.overview h2{font-size:17px;font-weight:650;letter-spacing:-.4px}.overview p{font-size:12px;color:var(--muted);margin-top:4px}.signal-icon{width:44px;height:44px;flex-shrink:0;background:#f1ebfd;display:flex;align-items:flex-end;justify-content:center;padding:12px;gap:3px;border-radius:13px}.signal-icon span{background:var(--violet);width:3px;border-radius:2px;height:7px}.signal-icon span:nth-child(2){height:11px}.signal-icon span:nth-child(3){height:15px}.signal-icon span:nth-child(4){height:19px}.counts{display:flex;gap:30px}.counts>div{display:flex;flex-direction:column;min-width:66px}.counts strong{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-1px}.counts span{font-size:10px;color:var(--muted);margin-top:7px;white-space:nowrap}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:4px}.dot.up{background:#249461}.dot.down{background:#cc5664}.dot.unknown{background:#b49245}.locations{padding-top:48px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.violet{color:var(--violet);font-size:9px}.section-heading h2{font-size:27px;font-weight:600;letter-spacing:-.9px;margin-top:5px}.refresh{border:1px solid var(--line);background:#fff;border-radius:11px;padding:9px 14px;font-size:12px;display:flex;align-items:center;gap:8px;color:#4b4257}.refresh:hover{background:var(--soft)}.refresh svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:22px 0 20px}.toolbar>p{font-size:11px;color:var(--muted)}.filters{display:flex;gap:3px;background:var(--soft);border-radius:11px;padding:4px}.filters button{border:0;background:transparent;color:var(--muted);border-radius:8px;font-size:11px;padding:8px 13px;white-space:nowrap}.filters button[aria-pressed=true]{background:white;color:var(--violet);box-shadow:0 1px 5px #29144312;font-weight:600}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:21px;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#c8b5eb;box-shadow:0 6px 24px #29144306}.card-top{display:flex;align-items:center;gap:12px}.flag{width:40px;height:30px;object-fit:cover;border-radius:6px;box-shadow:0 0 0 1px #0000000e}.card h3{font-size:16px;font-weight:600;letter-spacing:-.3px}.card-sub{color:var(--muted);font-size:10px;margin-top:2px}.status{display:inline-flex;align-items:center;gap:7px;margin-top:23px;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:550;background:#f4f0e5;color:var(--amber)}.status::before{content:'';width:5px;height:5px;background:currentColor;border-radius:50%}.status.up{background:#eaf6ef;color:var(--green)}.status.down{background:#fbeef0;color:var(--red)}.card-time{font-size:10px;color:var(--muted);margin-top:12px}.card details{margin-top:13px;padding-top:11px;border-top:1px solid #f0ebf5}.card summary{font-size:11px;color:var(--muted);cursor:pointer}.mode{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:10px;padding-top:10px}.mode .status{margin:0;font-size:9px;padding:3px 6px}.detail-note{font-size:10px;color:var(--muted);margin-top:10px}.notice{background:#f8f2e5;border:1px solid #eee0c1;color:#745a24;border-radius:12px;padding:14px 18px;font-size:12px;margin-bottom:16px}.empty{padding:45px 12px;text-align:center;color:var(--muted);font-size:14px}.help{display:flex;gap:18px;background:var(--soft);border-radius:18px;padding:24px 27px;margin-top:27px}.help-mark{border:1px solid #d2c2ec;color:var(--violet);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-size:13px;margin-top:1px}.help h2{font-size:14px;font-weight:600}.help p{font-size:11px;line-height:1.85;color:var(--muted);margin-top:7px;max-width:910px}.support{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 0 37px;margin-top:17px}.support h2{font-size:20px;font-weight:600;letter-spacing:-.6px}.support p{font-size:12px;color:var(--muted);margin-top:6px}.support a{background:var(--violet);color:#fff;font-size:12px;font-weight:550;padding:12px 18px;flex-shrink:0;border-radius:11px}.support a:hover{background:#5d39ad}.support a span{margin-left:22px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;min-height:92px;font-size:11px;color:var(--muted)}.footer .brand{font-size:17px;color:var(--ink)}.footer>a:last-child{margin-left:auto}.skip{position:absolute;left:16px;top:-60px;z-index:5;background:var(--violet);color:#fff;padding:12px;border-radius:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skeleton{height:190px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(100deg,#f8f5fb,#fff,#f8f5fb);background-size:200%;animation:shimmer 2s infinite}@keyframes shimmer{to{background-position:-200% 0}}
@media(min-width:1500px){.wrap{max-width:1280px}.hero{min-height:380px;padding:48px 54px}.orbit-art{right:55px;top:-8px}}
@media(max-width:940px){.overview{align-items:flex-start;flex-direction:column}.counts{width:100%;gap:35px;border-top:1px solid var(--line);padding-top:18px}.counts>div{flex:1}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.orbit-art{right:-60px;opacity:.6}.hero-content{max-width:60%}.toolbar{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:600px){.wrap{padding:0 18px}.header{height:75px}.brand{font-size:20px}.brand img{width:30px;height:30px}nav{gap:0}.nav-current{display:none}.account{font-size:11px;padding:8px 11px}.account span{margin-left:4px}.hero{border-radius:22px;padding:30px 25px;min-height:337px}.hero-content{max-width:100%}.hero h1{font-size:40px;letter-spacing:-1.7px;margin-top:22px}.hero p{font-size:12px}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.orbit-art{width:290px;height:290px;right:-138px;top:70px;opacity:.27}.orbit-label{display:none}.hero-link{margin-top:25px}.overview{padding:22px;gap:19px;border-radius:18px;margin-top:16px}.overview h2{font-size:15px}.overview p{font-size:11px}.overview-main{gap:12px}.counts{gap:15px}.counts strong{font-size:24px}.counts span{font-size:9px}.locations{padding-top:34px}.section-heading h2{font-size:23px}.refresh{padding:9px}.refresh span{display:none}.toolbar{margin-top:18px}.filters{width:100%}.filters button{flex:1;padding:8px 5px;font-size:10px}.cards{grid-template-columns:1fr;gap:12px}.card{padding:20px;position:relative}.card-top{padding-right:106px}.card h3{font-size:16px}.card>.status{position:absolute;right:20px;top:22px;margin:0;font-size:10px}.card-time{margin-top:17px}.help{padding:20px 18px;gap:12px}.help p{font-size:11px}.help-mark{width:21px;height:21px}.support{align-items:flex-start;flex-direction:column;gap:17px;padding:25px 0 30px}.support h2{font-size:19px}.support p{font-size:12px}.footer{padding-top:22px;padding-bottom:22px;flex-wrap:wrap;gap:14px}.footer>span{display:none}.footer>a:last-child{font-size:10px}.skeleton{height:140px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}