<![CDATA[
<body bgcolor=#FFFFFF text=#000000><template id="wpp-tpl">
<style>@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:host { all: initial; display: block; }
* { box-sizing: border-box; }
.shell {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 2147483000;
background: color-mix(in srgb, #101521 92%, transparent);
border-bottom: 1px solid #2a3446;
box-shadow: 0 8px 24px rgba(0,0,0,.32);
backdrop-filter: blur(14px);
font-family: "Outfit", system-ui, -apple-system, sans-serif;
color: #e6e9ef;
}
.bar {
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
gap: 10px;
align-items: center;
padding: 10px 14px;
position: relative;
}
.brand {
display: inline-flex;
align-items: center;
gap: 8px;
color: #e6e9ef;
text-decoration: none;
white-space: nowrap;
font-weight: 600;
font-size: 14px;
}
.brand img { height: 26px; display: block; }
.mark {
width: 30px; height: 30px; border-radius: 8px;
display: inline-flex; align-items: center; justify-content: center;
background: #4f8cff;
color: #0b0e14; font-size: 11px; font-weight: 800;
}
.nav { margin: 0; min-width: 0; }
.urlbox {
display: flex; align-items: center; gap: 6px;
background: #20293a; border: 1px solid #2a3446; border-radius: 8px; padding: 4px;
}
.urlbox input {
flex: 1; min-width: 0; border: 0; outline: none;
background: transparent; color: #e6e9ef;
font: 14px/1.2 "Outfit", system-ui, sans-serif;
padding: 9px 8px;
}
.go {
border: 0; border-radius: 8px; cursor: pointer;
background: #4f8cff; color: #0b0e14; font-weight: 700;
font-family: inherit;
font-size: 13px; padding: 9px 14px;
}
.go:hover { filter: brightness(1.08); }
.actions { display: flex; align-items: center; gap: 8px; }
.server { display: flex; flex-direction: column; gap: 2px; margin: 0; min-width: 140px; }
.server span { font-size: 10px; color: #9aa7bd; letter-spacing: .04em; text-transform: uppercase; font-weight: 600; }
.server select {
border: 1px solid #2a3446; border-radius: 8px; background: #20293a; color: #e6e9ef;
font-family: inherit; font-size: 12px; padding: 8px 10px;
}
.icon {
width: 36px; height: 36px; border-radius: 8px;
border: 1px solid #2a3446; background: #1a2232; color: #e6e9ef;
display: inline-flex; align-items: center; justify-content: center;
text-decoration: none; cursor: pointer; font-size: 15px;
}
.icon:hover { border-color: #4f8cff; color: #7aadff; background: #182233; }
.toast {
position: absolute; left: 50%; top: calc(100% + 8px); transform: translateX(-50%);
background: color-mix(in srgb, #34d399 18%, #121620); color: #d1fae5;
border: 1px solid color-mix(in srgb, #34d399 35%, transparent);
padding: 8px 12px; border-radius: 8px;
font-size: 12px; opacity: 0; pointer-events: none; transition: .2s ease; z-index: 2;
}
.toast.show { opacity: 1; }
.anti {
position: fixed; inset: 0; z-index: 2147483646; display: none;
background: rgba(11,14,20,.92); align-items: center; justify-content: center; padding: 24px;
}
.anti-card {
width: min(420px, 100%); background: #121620; border: 1px solid #2a3446;
border-radius: 12px; padding: 24px; text-align: center; color: #eef1f6;
font-family: "Outfit", system-ui, sans-serif;
}
.anti-card h2 { margin: 0 0 8px; font-size: 18px; font-family: inherit; font-weight: 600; }
.anti-card p { margin: 0; color: #9aa7bd; line-height: 1.45; font-size: 14px; }
@media (max-width: 860px) {
.bar { grid-template-columns: 1fr; }
.brand-text { display: none; }
.actions { justify-content: space-between; }
}
</style>
<div class="shell">
<div class="bar">
<a class="brand" href="https://elitewow.com.br" title="Home">
<span class="mark">WP</span>
<span class="brand-text">WebProxy Pro</span>
</a>
<form class="nav" method="get" action="https://elitewow.com.br/go" id="wpp-nav-form">
<input type="hidden" name="server_id" id="wpp-server-id" value="1">
<div class="urlbox">
<button type="button" class="icon" id="wpp-reload" title="Reload">↻</button>
<input type="text" name="url" id="wpp-url" value="http://mana.atw.hu/" placeholder="https://example.com" required autocomplete="off" spellcheck="false">
<button type="submit" class="go">Go</button>
</div>
</form>
<div class="actions">
<label class="server">
<span>Exit node</span>
<select id="wpp-server-select" aria-label="Server">
<option
value="1"
data-local="1"
data-base="https://elitewow.com.br"
selected >Local Server (Local) ★</option>
</select>
</label>
<button type="button" class="icon" id="wpp-share" title="Share">↗</button>
<a class="icon" href="https://elitewow.com.br" title="Home">⌂</a>
</div>
<div class="toast" id="wpp-toast">Link copied!</div>
</div>
</div>
</template>
<div id="wpp-proxy-host" style="all:initial;display:block;opacity:1;filter:none;isolation:isolate;position:relative;z-index:2147483000;"></div>
<script>
(function () {
var host = document.getElementById('wpp-proxy-host');
var tpl = document.getElementById('wpp-tpl');
if (!host || !tpl || host.shadowRoot) return;
var shadow = host.attachShadow({ mode: 'open' });
shadow.appendChild(tpl.content.cloneNode(true));
tpl.remove();
var shell = shadow.querySelector('.shell');
function syncOffset() {
var h = shell ? Math.ceil(shell.getBoundingClientRect().height) : 56;
h = Math.max(52, h);
var style = document.getElementById('wpp-offset-style');
if (!style) {
style = document.createElement('style');
style.id = 'wpp-offset-style';
(document.head || document.documentElement).appendChild(style);
}
style.textContent = [
'html{scroll-padding-top:' + h + 'px !important;}',
'body{padding-top:' + h + 'px !important;}',
'#wpp-proxy-host{all:initial !important;display:block !important;opacity:1 !important;filter:none !important;isolation:isolate !important;position:relative !important;z-index:2147483000 !important;}'
].join('');
}
syncOffset();
window.addEventListener('resize', syncOffset);
var form = shadow.getElementById('wpp-nav-form');
var urlInput = shadow.getElementById('wpp-url');
var serverSelect = shadow.getElementById('wpp-server-select');
var serverIdInput = shadow.getElementById('wpp-server-id');
var toast = shadow.getElementById('wpp-toast');
var shareUrl = "https:\/\/elitewow.com.br\/browse?q=zaylqHJnZ8-Rp5NhmqSqX5_WkQ";
if (serverSelect) {
serverSelect.addEventListener('change', function () {
var opt = serverSelect.options[serverSelect.selectedIndex];
if (!opt) return;
serverIdInput.value = opt.value;
var target = (urlInput.value || '').trim();
if (!target) return;
if (opt.getAttribute('data-local') === '1') {
form.submit();
return;
}
var base = (opt.getAttribute('data-base') || '').replace(/\/$/, '');
window.location.href = base + '/go?url=' + encodeURIComponent(target);
});
}
var reloadBtn = shadow.getElementById('wpp-reload');
if (reloadBtn) reloadBtn.addEventListener('click', function () { form.submit(); });
var shareBtn = shadow.getElementById('wpp-share');
if (shareBtn) {
shareBtn.addEventListener('click', function () {
var text = shareUrl || window.location.href;
var done = function () {
if (!toast) return;
toast.classList.add('show');
setTimeout(function () { toast.classList.remove('show'); }, 1600);
};
if (navigator.clipboard && navigator.clipboard.writeText) {
navigator.clipboard.writeText(text).then(done).catch(function () { prompt('Copy link', text); });
} else {
prompt('Copy link', text);
}
});
}
})();
</script>
<a href="https://elitewow.com.br/browse?q=zaylqHJnZ9ejnqSmZ5GnqGXJ12DPxaaXX6KXq7CPqZ7LnaOdqnWg1qSpV2Z6VWV3XJOonsPSmWSR161loaVca6s">http://users.atw.hu/mana/?atw_referer=http%3A%2F%2Fmana.atw.hu%2F</a>
</body>
]]>