@font-face{font-family:Montserrat;src:url(Montserrat.ttf)}@view-transition{navigation:auto}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#2b2925;--bg-raised:#333028;--surface:#ffffff1a;--surface-hv:#ffffff29;--border:#ffffff26;--text:#fff;--text-sub:#afafaf;--text-dim:#6b6860;--network-public:#b1afff;--network-local:#feffaf;--network-vpn:#baffaf;--radius-card:8px;--radius-sm:5px;font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{background-color:var(--bg);color:var(--text);text-align:center}a{color:inherit;text-decoration:none}.app{flex-direction:column;width:min(1100px,100%);min-height:100vh;margin:auto;padding:0 1.5rem;display:flex}.header{border-bottom:1px solid var(--border);width:100%;margin-bottom:2rem;padding:2.5rem 0 1.75rem}.header-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}h1{letter-spacing:-.02em;font-size:1.6rem;font-weight:700}.header-sub{color:var(--text-sub);margin-top:.4rem;font-size:.8rem;font-weight:400}.network-badge{background:var(--surface);border:1px solid var(--border);color:var(--text-sub);border-radius:99px;align-items:center;gap:.4rem;padding:.3rem .7rem;font-size:.75rem;font-weight:600;transition:color .25s,border-color .25s;display:inline-flex}.network-badge--public{color:var(--network-public);border-color:color-mix(in srgb, var(--network-public) 35%, transparent)}.network-badge--vpn{color:var(--network-vpn);border-color:color-mix(in srgb, var(--network-vpn) 35%, transparent)}.network-badge--local{color:var(--network-local);border-color:color-mix(in srgb, var(--network-local) 35%, transparent)}.network-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.services-section{width:100%;margin-bottom:1.5rem}.services-grid{grid-template-columns:repeat(auto-fill,minmax(15%,1fr));gap:.85rem;width:100%;display:grid}.service{background-color:var(--surface);border-radius:var(--radius-card);box-shadow:inset 0 0 0 1px var(--border);cursor:pointer;--c:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:1.25rem 1rem;transition:background-color .25s,box-shadow .25s,transform .15s;display:flex}.service img{object-fit:contain;border-radius:4px;width:40px;height:40px}.service span{font-size:.82rem;font-weight:500;line-height:1.3}.service:hover{background-color:color-mix(in srgb, var(--c) 22%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 45%, transparent);transform:translateY(-2px)}.service:focus-visible{outline:2px solid color-mix(in srgb, var(--c) 80%, transparent);outline-offset:2px}.intern-section{flex-direction:column;align-items:center;width:100%;margin-bottom:2rem;display:flex}.intern-toggle{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;background-color:#0000;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:500;transition:color .25s,border-color .25s;display:inline-flex}.intern-toggle:hover{color:var(--text);border-color:#ffffff59}.intern-toggle:focus-visible{outline:2px solid var(--border);outline-offset:2px}.intern-toggle .chevron{flex-shrink:0;width:13px;height:13px;transition:transform .25s}.intern-toggle--open .chevron{transform:rotate(180deg)}.intern-panel{width:100%;transition:max-height .3s,opacity .25s;overflow:hidden}.intern-grid{margin-top:.85rem}.footer{border-top:1px solid var(--border);justify-content:center;align-items:center;width:100%;margin-top:auto;padding:1.25rem 0 1.5rem;display:flex}.status-link{color:var(--text-sub);align-items:center;gap:.45rem;font-size:.78rem;font-weight:500;transition:color .25s;display:inline-flex}.status-link:hover{color:var(--text)}.status-dot{background:var(--network-vpn);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--network-vpn) 70%, transparent);border-radius:50%;animation:2.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.E404>a{text-decoration:underline}@media (width<=480px){.services-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}h1{font-size:1.3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}