/* A compact brand and one navigation surface. */
.vpn-header.compact-nav{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;padding:18px 0;border-bottom:1px solid #b2d5e114;isolation:isolate}
.vpn-header.compact-nav .vpn-brand.unified-brand{padding:2px 0;flex:0 0 auto}
.vpn-header.compact-nav .vpn-brand.unified-brand img{display:block;width:156px;height:auto;object-fit:contain}
.vpn-header.compact-nav nav{display:flex;width:auto;align-items:center;justify-content:flex-end;gap:3px;flex-wrap:nowrap;padding:5px;border:1px solid #9cbdd319;border-radius:16px;background:#0e1a28bf;box-shadow:inset 0 1px 0 #ffffff03}
.vpn-header.compact-nav nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:9px 10px;border:1px solid transparent;border-radius:11px;color:#a7bacd;font-size:12px;font-weight:500;line-height:1.25;white-space:nowrap;transition:background .15s,color .15s,border-color .15s;text-decoration:none}
.vpn-header.compact-nav nav a:hover{color:#eaf7f5;background:#ffffff07}
.vpn-header.compact-nav nav a[aria-current=page]{color:#b1efdf;background:#24504766;border-color:#72d6be20}
.vpn-header.compact-nav nav .vpn-cabinet{margin-left:5px;min-height:38px;padding:9px 14px;background:#a4e4d3;color:#0b302b;font-weight:650;border-color:#c4f7e333;box-shadow:0 2px 8px #0002}
.vpn-header.compact-nav nav .vpn-cabinet:hover,.vpn-header.compact-nav nav .vpn-cabinet[aria-current=page]{background:#b7f0df;color:#092b26;border-color:#b7f0df}
.vpn-header.compact-nav .support-nav-unread{margin-left:5px;min-width:18px;height:18px;font-size:10px}
.vpn-menu-toggle{display:none}
.vpn-header.compact-nav a:focus-visible,.vpn-header.compact-nav button:focus-visible{outline:2px solid #a4e4d3;outline-offset:3px}
@media(max-width:1020px){
 .vpn-header.compact-nav{flex-wrap:wrap;gap:14px;min-height:76px;padding:16px 0}
 .vpn-header.compact-nav .vpn-brand.unified-brand img{width:150px}
 .vpn-header.compact-nav nav{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:5px;padding:8px;border-radius:16px;background:#0f1c2b}
 .vpn-header.compact-nav nav a{min-height:44px;justify-content:flex-start;font-size:13px;padding:12px}
 .vpn-header.compact-nav nav .vpn-cabinet{margin-left:0;min-height:44px;justify-content:center;grid-column:1/-1}
 .vpn-header.compact-nav.nav-enhanced{flex-wrap:nowrap;z-index:30}
 .vpn-header.compact-nav.nav-enhanced .vpn-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 13px;border:1px solid #9cbdd32b;border-radius:12px;background:#112030;color:#d6e7ed;font:600 12px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer}
 .vpn-menu-symbol{display:grid;gap:4px;width:17px}
 .vpn-menu-symbol i{display:block;width:17px;height:1.5px;background:currentColor;transition:transform .15s}
 .nav-open .vpn-menu-symbol i:first-child{transform:translateY(2.75px) rotate(45deg)}
 .nav-open .vpn-menu-symbol i:last-child{transform:translateY(-2.75px) rotate(-45deg)}
 .vpn-header.compact-nav.nav-enhanced nav{position:absolute;left:0;right:0;top:calc(100% + 8px);width:auto;z-index:1;box-shadow:0 20px 55px #0008}
 .vpn-header.compact-nav.nav-enhanced:not(.nav-open) nav{display:none}
}
@media(max-width:380px){.vpn-header.compact-nav .vpn-brand.unified-brand img{width:140px}.vpn-header.compact-nav nav a{font-size:12px;padding:11px 9px}}
@media(prefers-reduced-motion:reduce){.vpn-header.compact-nav nav a,.vpn-menu-symbol i{transition:none}}

.vpn-menu-unread{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#f36a78;color:#fff;font:600 10px/1 system-ui}.vpn-menu-unread[hidden]{display:none!important}