:root {
--green: #00ff41;
--dark-green: #00b32c;
--dim-green: #1a5c2a;
--bg: #000;
--panel: #030f03;
--panel2: #050d05;
--border: #00ff4128;
--border-bright: #00ff4166;
--red: #ff003c;
--cyan: #00f5ff;
--gold: #ffd700;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--green);
font-family: 'Share Tech Mono', monospace;
min-height: 100vh;
overflow-x: hidden;
}
#boot {
position: fixed; inset: 0; background: #000;
z-index: 1000; display: flex; flex-direction: column;
justify-content: center; align-items: flex-start;
padding: 3rem; font-family: 'Share Tech Mono', monospace;
font-size: clamp(0.7rem, 1.5vw, 0.85rem);
transition: opacity 0.6s;
}
#boot-lines { color: var(--green); line-height: 2.1; }
#boot-lines .ok { color: #27c93f; }
#boot-lines .warn { color: var(--gold); }
#boot-lines .err { color: var(--red); }
#boot-lines .dim { color: var(--dim-green); }
#matrix-canvas {
position: fixed; inset: 0; width: 100%; height: 100%;
z-index: 0; opacity: 0.12; pointer-events: none;
}
body::after {
content: ''; position: fixed; inset: 0;
background: repeating-linear-gradient(0deg,
transparent, transparent 2px,
rgba(0,255,65,0.012) 2px, rgba(0,255,65,0.012) 4px);
pointer-events: none; z-index: 1;
}
.ticker-wrap {
position: relative; z-index: 10; background: var(--green);
color: #000; font-size: 0.65rem; letter-spacing: 0.12em;
overflow: hidden; height: 26px; display: flex; align-items: center;
}
.ticker-label {
flex-shrink: 0; background: var(--red); color: #fff;
font-family: 'Orbitron', monospace; font-size: 0.6rem; font-weight: 700;
padding: 0 0.8rem; height: 100%; display: flex; align-items: center;
letter-spacing: 0.1em; z-index: 2;
}
.ticker-track {
display: flex; align-items: center;
white-space: nowrap; animation: ticker 28s linear infinite;
}
@keyframes ticker {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
nav {
position: relative; z-index: 10; background: rgba(0,0,0,0.92);
border-bottom: 1px solid var(--border); backdrop-filter: blur(8px);
padding: 0 2rem; display: flex; align-items: center;
justify-content: space-between; height: 54px; gap: 1rem;
}
.nav-logo {
font-family: 'Orbitron', monospace; font-weight: 900;
font-size: 1.1rem; color: var(--green);
text-shadow: 0 0 10px var(--green);
text-decoration: none; letter-spacing: 0.02em; white-space: nowrap;
}
.nav-logo .x { color: var(--red); text-shadow: 0 0 10px var(--red); }
.nav-logo .comm {
font-size: 0.55rem; color: #00ff4199; letter-spacing: 0.25em;
display: block; line-height: 1; margin-top: -2px;
}
.nav-links { display: flex; gap: 2rem; list-style: none; }
.nav-links a {
font-size: 0.68rem; color: var(--dim-green);
text-decoration: none; letter-spacing: 0.15em; transition: color 0.2s;
}
.nav-links a:hover { color: var(--green); }
.nav-discord {
font-family: 'Share Tech Mono', monospace; font-size: 0.65rem;
padding: 0.35rem 0.9rem; border: 1px solid #7289da; color: #7289da;
text-decoration: none; letter-spacing: 0.1em; transition: all 0.2s; white-space: nowrap;
}
.nav-discord:hover { background: #7289da; color: #000; box-shadow: 0 0 12px #7289da88; }
.hero {
position: relative; z-index: 2; min-height: 88vh;
display: flex; flex-direction: column;
justify-content: center; align-items: center;
text-align: center; padding: 4rem 1.5rem; overflow: hidden;
}
.hero::before {
content: ''; position: absolute; inset: 0;
background-image:
radial-gradient(circle at center, rgba(0,255,65,0.04) 0%, transparent 70%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='52'%3E%3Cpolygon points='30,2 58,17 58,47 30,62 2,47 2,17' fill='none' stroke='%2300ff411a' stroke-width='1'/%3E%3C/svg%3E");
background-size: auto, 60px 52px; pointer-events: none;
}
.hero-eyebrow {
font-size: 0.65rem; color: var(--dim-green);
letter-spacing: 0.3em; margin-bottom: 1.2rem;
}
.hero-eyebrow::before { content: '[ '; color: var(--green); }
.hero-eyebrow::after { content: ' ]'; color: var(--green); }
.hero-logo {
font-family: 'Orbitron', monospace; font-weight: 900;
font-size: clamp(3rem, 12vw, 7rem); line-height: 0.95;
color: var(--green);
text-shadow: 0 0 20px var(--green), 0 0 50px var(--green), 0 0 100px var(--dark-green);
letter-spacing: -0.01em; animation: hero-glitch 7s infinite;
}
.hero-logo .script-part { font-size: 0.6em; opacity: 0.85; }
.hero-logo .x-part {
color: var(--red);
text-shadow: 0 0 20px var(--red), 0 0 50px var(--red), 0 0 100px #ff003c88;
}
@keyframes hero-glitch {
0%, 90%, 100% {
text-shadow: 0 0 20px var(--green), 0 0 50px var(--green), 0 0 100px var(--dark-green);
transform: none; filter: none;
}
91% { text-shadow: -4px 0 var(--red), 4px 0 var(--cyan); transform: skewX(-3deg) translateX(-2px); filter: brightness(1.3); }
92% { text-shadow: 4px 0 var(--red), -4px 0 var(--cyan); transform: skewX(3deg) translateX(2px); }
93% { text-shadow: 0 0 20px var(--green), 0 0 50px var(--green); transform: none; filter: none; }
}
.hero-subtitle {
font-family: 'Orbitron', monospace;
font-size: clamp(0.6rem, 2vw, 0.85rem);
letter-spacing: 0.5em; color: #00ff4155; margin-top: 0.3rem;
}
.hero-typed { margin-top: 1.8rem; font-size: clamp(0.8rem, 2vw, 1rem); color: #00ff41bb; min-height: 1.4em; }
.cursor {
display: inline-block; width: 9px; height: 1em;
background: var(--green); vertical-align: text-bottom;
animation: blink 0.8s step-end infinite;
}
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.hero-cta { margin-top: 2.5rem; display: flex; gap: 1rem; flex-wrap: wrap; justify-content: center; }
.btn-primary {
font-family: 'Share Tech Mono', monospace; font-size: 0.78rem;
letter-spacing: 0.15em; padding: 0.75rem 2rem;
background: transparent; color: var(--green); border: 1px solid var(--green);
text-decoration: none; position: relative; overflow: hidden; transition: color 0.3s, box-shadow 0.3s;
}
.btn-primary::before {
content: ''; position: absolute; inset: 0; background: var(--green);
transform: translateX(-101%); transition: transform 0.3s;
}
.btn-primary:hover { color: #000; box-shadow: 0 0 20px var(--green); }
.btn-primary:hover::before { transform: translateX(0); }
.btn-primary span { position: relative; z-index: 1; }
.btn-secondary {
font-family: 'Share Tech Mono', monospace; font-size: 0.78rem;
letter-spacing: 0.15em; padding: 0.75rem 2rem;
background: transparent; color: #7289da; border: 1px solid #7289da;
text-decoration: none; transition: all 0.3s;
}
.btn-secondary:hover { background: #7289da; color: #000; box-shadow: 0 0 20px #7289da88; }
.scroll-hint {
position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%);
font-size: 0.6rem; color: var(--dim-green); letter-spacing: 0.2em;
animation: float 2.5s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateX(-50%) translateY(0); }
50% { transform: translateX(-50%) translateY(-6px); }
}
.main { position: relative; z-index: 2; max-width: 1100px; margin: 0 auto; padding: 3rem 1.5rem 4rem; }
.section-title {
font-family: 'Orbitron', monospace; font-size: 0.65rem;
letter-spacing: 0.28em; color: var(--dim-green);
text-transform: uppercase; margin-bottom: 1.5rem;
display: flex; align-items: center; gap: 0.8rem;
}
.section-title::before { content: '//'; color: var(--green); font-size: 1rem; }
.section-title::after { content: ''; flex: 1; height: 1px; background: var(--border); }
.stats-bar {
display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 1px; background: var(--border); border: 1px solid var(--border);
border-radius: 4px; overflow: hidden; margin-bottom: 3.5rem;
}
.stat { background: var(--panel); padding: 1.2rem 1.5rem; display: flex; flex-direction: column; gap: 0.3rem; transition: background 0.2s; }
.stat:hover { background: #071207; }
.stat-label { font-size: 0.58rem; color: var(--dim-green); letter-spacing: 0.2em; text-transform: uppercase; }
.stat-value { font-family: 'Orbitron', monospace; font-size: 1.5rem; font-weight: 700; color: var(--green); text-shadow: 0 0 12px var(--green); }
.cards-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1px; background: var(--border); border: 1px solid var(--border);
border-radius: 4px; overflow: hidden; margin-bottom: 3.5rem;
}
.card {
background: var(--panel); padding: 2rem 1.8rem; position: relative;
overflow: hidden; transition: background 0.3s, box-shadow 0.3s;
cursor: pointer; text-decoration: none; display: flex; flex-direction: column; color: inherit;
}
.card::after {
content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px;
background: linear-gradient(90deg, transparent, var(--card-accent, var(--green)), transparent);
transform: scaleX(0); transition: transform 0.4s;
}
.card:hover { background: #071207; }
.card:hover::after { transform: scaleX(1); }
.card-scan {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,255,65,0.03) 0%, transparent 100%);
transform: translateY(-100%); transition: transform 0.5s; pointer-events: none;
}
.card:hover .card-scan { transform: translateY(0); }
.card-corner-tl, .card-corner-br { position: absolute; width: 12px; height: 12px; opacity: 0.4; transition: opacity 0.3s; }
.card-corner-tl { top: 8px; left: 8px; border-top: 1px solid var(--card-accent, var(--green)); border-left: 1px solid var(--card-accent, var(--green)); }
.card-corner-br { bottom: 8px; right: 8px; border-bottom: 1px solid var(--card-accent, var(--green)); border-right: 1px solid var(--card-accent, var(--green)); }
.card:hover .card-corner-tl, .card:hover .card-corner-br { opacity: 1; }
.card-node { font-size: 0.58rem; color: var(--dim-green); letter-spacing: 0.2em; margin-bottom: 1rem; }
.card-icon-wrap {
width: 48px; height: 48px; border: 1px solid var(--border-bright); border-radius: 4px;
display: flex; align-items: center; justify-content: center; font-size: 1.5rem;
margin-bottom: 1.2rem; background: rgba(0,255,65,0.04); transition: border-color 0.3s, background 0.3s;
}
.card:hover .card-icon-wrap { border-color: var(--card-accent, var(--green)); background: rgba(0,255,65,0.08); }
.card h3 {
font-family: 'Orbitron', monospace; font-size: 0.95rem; font-weight: 700;
color: var(--card-accent, var(--green)); letter-spacing: 0.05em; margin-bottom: 0.7rem;
text-shadow: 0 0 8px var(--card-accent, var(--green));
}
.card p { font-size: 0.73rem; color: #3a7a4a; line-height: 1.8; margin-bottom: 1.5rem; flex: 1; }
.card-btn {
display: inline-flex; align-items: center; gap: 0.5rem;
font-family: 'Share Tech Mono', monospace; font-size: 0.7rem;
color: var(--card-accent, var(--green)); border: 1px solid var(--card-accent, var(--green));
padding: 0.5rem 1.1rem; text-decoration: none; letter-spacing: 0.1em;
transition: background 0.2s, color 0.2s, box-shadow 0.2s; align-self: flex-start;
}
.card-btn:hover { background: var(--card-accent, var(--green)); color: #000; box-shadow: 0 0 16px var(--card-accent, var(--green)); }
.card-btn::before { content: '▶ '; font-size: 0.5rem; }
.card.discord { --card-accent: #7289da; }
.card.ksign { --card-accent: var(--cyan); }
.card.delta { --card-accent: var(--red); }
.terminal { background: #000; border: 1px solid var(--border-bright); border-radius: 4px; overflow: hidden; margin-bottom: 3.5rem; font-size: 0.75rem; }
.term-topbar { background: #0a140a; border-bottom: 1px solid var(--border); padding: 0.6rem 1rem; display: flex; align-items: center; gap: 0.5rem; }
.term-dot { width: 10px; height: 10px; border-radius: 50%; }
.term-dot.r { background: #ff5f56; } .term-dot.y { background: #ffbd2e; } .term-dot.g { background: #27c93f; }
.term-title { margin-left: auto; margin-right: auto; font-size: 0.6rem; color: var(--dim-green); letter-spacing: 0.15em; }
.term-body { padding: 1.2rem 1.5rem; line-height: 2.1; }
.t { color: #2a5a3a; }
.t .p { color: var(--green); } .t .ok { color: #27c93f; }
.t .w { color: var(--gold); } .t .e { color: var(--red); } .t .c { color: var(--cyan); }
.announce-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 1rem; margin-bottom: 3.5rem; }
.announce-card { background: var(--panel); border: 1px solid var(--border); border-radius: 4px; padding: 1.2rem 1.4rem; position: relative; }
.announce-badge { display: inline-block; font-size: 0.55rem; letter-spacing: 0.15em; padding: 0.2rem 0.6rem; margin-bottom: 0.7rem; text-transform: uppercase; }
.badge-new { background: #00ff4122; border: 1px solid var(--green); color: var(--green); }
.badge-hot { background: #ff003c22; border: 1px solid var(--red); color: var(--red); }
.badge-info { background: #00f5ff22; border: 1px solid var(--cyan); color: var(--cyan); }
.announce-card h4 { font-family: 'Orbitron', monospace; font-size: 0.78rem; font-weight: 700; color: var(--green); margin-bottom: 0.5rem; }
.announce-card p { font-size: 0.7rem; color: #3a7a4a; line-height: 1.7; }
.announce-date { position: absolute; top: 1rem; right: 1.2rem; font-size: 0.58rem; color: var(--dim-green); }
footer { position: relative; z-index: 2; border-top: 1px solid var(--border); background: #000; }
.footer-inner { max-width: 1100px; margin: 0 auto; padding: 2rem 1.5rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-logo { font-family: 'Orbitron', monospace; font-weight: 900; font-size: 1rem; color: var(--green); text-shadow: 0 0 8px var(--green); }
.footer-logo .x { color: var(--red); text-shadow: 0 0 8px var(--red); }
.footer-links { display: flex; gap: 1.5rem; flex-wrap: wrap; }
.footer-links a { font-size: 0.65rem; color: var(--dim-green); text-decoration: none; letter-spacing: 0.12em; transition: color 0.2s; }
.footer-links a:hover { color: var(--green); }
.footer-copy { font-size: 0.58rem; color: var(--dim-green); letter-spacing: 0.1em; }
@media (max-width: 640px) {
nav { padding: 0 1rem; } .nav-links { display: none; }
.hero { min-height: 80vh; padding: 3rem 1rem; }
}
</style>
<div class="ticker-wrap">
<div class="ticker-label">LIVE</div>
<div class="ticker-track" id="ticker-track"></div>
</div>
<nav>
<a href="#" class="nav-logo">
script<span class="x">X</span>
<span class="comm">COMMUNITY</span>
</a>
<ul class="nav-links">
<li><a href="#nodes">ACCESS NODES</a></li>
<li><a href="#terminal">TERMINAL</a></li>
<li><a href="#news">NEWS</a></li>
</ul>
<a href="https://discord.gg/BhhpvZ7SD9" target="_blank" rel="noopener" class="nav-discord">⚡ JOIN DISCORD</a>
</nav>
<section class="hero">
<div class="hero-eyebrow">SYSTEM ONLINE • ACCESS GRANTED</div>
<div class="hero-logo">
<span class="script-part">script</span><span class="x-part">X</span>
</div>
<div class="hero-subtitle">C O M M U N I T Y</div>
<div class="hero-typed" id="typed"><span class="cursor"></span></div>
<div class="hero-cta">
<a href="https://discord.gg/BhhpvZ7SD9" target="_blank" rel="noopener" class="btn-secondary">⚡ JOIN THE SERVER</a>
<a href="#nodes" class="btn-primary"><span>ACCESS NODES</span></a>
</div>
<div class="scroll-hint">▼ SCROLL TO INITIALIZE ▼</div>
</section>
<main class="main">
<div class="section-title">SYSTEM STATUS</div>
<div class="stats-bar">
<div class="stat"><span class="stat-label">Members</span><span class="stat-value" id="c-members">0</span></div>
<div class="stat"><span class="stat-label">Scripts</span><span class="stat-value" id="c-scripts">0</span></div>
<div class="stat"><span class="stat-label">Uptime</span><span class="stat-value">99.9%</span></div>
<div class="stat"><span class="stat-label">Status</span><span class="stat-value" style="font-size:1rem;letter-spacing:0.05em">ONLINE</span></div>
<div class="stat"><span class="stat-label">Threat</span><span class="stat-value" style="color:var(--red);text-shadow:0 0 12px var(--red)">MAX</span></div>
</div>
<div class="section-title" id="nodes">ACCESS NODES</div>
<div class="cards-grid">
<a href="https://discord.gg/BhhpvZ7SD9" target="_blank" rel="noopener" class="card discord">
<div class="card-scan"></div>
<div class="card-corner-tl"></div><div class="card-corner-br"></div>
<div class="card-node">NODE_01 • COMMUNITY HUB</div>
<div class="card-icon-wrap">⚡</div>
<h3>JOIN THE SERVER</h3>
<p>Step into the scriptX inner circle. Exclusive script drops, community announcements, real-time support, and elite members only.</p>
<span class="card-btn">discord.gg/BhhpvZ7SD9</span>
</a>
<a href="https://khoindvn.io.vn/" target="_blank" rel="noopener" class="card ksign">
<div class="card-scan"></div>
<div class="card-corner-tl"></div><div class="card-corner-br"></div>
<div class="card-node">NODE_02 • SIGNING TOOL</div>
<div class="card-icon-wrap">🔑</div>
<h3>KSIGN / ESIGN</h3>
<p>The trusted IPA signing solution. Sideload and install unsigned apps without a jailbreak — fast, reliable, and always up.</p>
<span class="card-btn">khoindvn.io.vn</span>
</a>
<a href="https://deltaexploits.gg/delta-executor-ios" target="_blank" rel="noopener" class="card delta">
<div class="card-scan"></div>
<div class="card-corner-tl"></div><div class="card-corner-br"></div>
<div class="card-node">NODE_03 • iOS EXECUTOR</div>
<div class="card-icon-wrap">💀</div>
<h3>DELTA EXECUTOR</h3>
<p>Hands down the most powerful iOS script executor alive. Run Lua exploits, custom mods, and game scripts with zero limits.</p>
<span class="card-btn">Get Delta • iOS</span>
</a>
</div>
<div class="section-title" id="terminal">TERMINAL LOG</div>
<div class="terminal">
<div class="term-topbar">
<div class="term-dot r"></div><div class="term-dot y"></div><div class="term-dot g"></div>
<div class="term-title">scriptX@root — /sys/core</div>
</div>
<div class="term-body">
<div class="t"><span class="p">root@scriptx</span>:~# ./boot --all</div>
<div class="t"><span class="ok">[ OK ]</span> Kernel modules loaded</div>
<div class="t"><span class="ok">[ OK ]</span> Encryption layer AES-256 initialized</div>
<div class="t"><span class="ok">[ OK ]</span> VPN tunnel established — IP masked</div>
<div class="t"><span class="ok">[ OK ]</span> Discord bridge active → <span class="c">discord.gg/BhhpvZ7SD9</span></div>
<div class="t"><span class="ok">[ OK ]</span> KSign module linked → <span class="c">khoindvn.io.vn</span></div>
<div class="t"><span class="ok">[ OK ]</span> Delta executor indexed → <span class="c">deltaexploits.gg</span></div>
<div class="t"><span class="w">[ WARN ]</span> Anomalous traffic detected from 193.xx.xx.xx</div>
<div class="t"><span class="e">[ SYS ]</span> Countermeasures engaged — tracing origin...</div>
<div class="t"><span class="e">[ SYS ]</span> Firewall rule injected — threat neutralized</div>
<div class="t"><span class="ok">[ OK ]</span> scriptX COMMUNITY fully operational</div>
<div class="t"><span class="p">root@scriptx</span>:~# <span class="cursor"></span></div>
</div>
</div>
<div class="section-title" id="news">LATEST INTEL</div>
<div class="announce-grid">
<div class="announce-card">
<span class="announce-badge badge-hot">HOT</span>
<span class="announce-date">TODAY</span>
<h4>DELTA EXECUTOR UPDATED</h4>
<p>New version of Delta drops with improved script injection and expanded game compatibility. Grab it now via the access node.</p>
</div>
<div class="announce-card">
<span class="announce-badge badge-new">NEW</span>
<span class="announce-date">THIS WEEK</span>
<h4>SCRIPT DROPS INCOMING</h4>
<p>Exclusive Lua scripts dropping in the Discord server. Join and stay notified so you don't miss the release.</p>
</div>
<div class="announce-card">
<span class="announce-badge badge-info">INFO</span>
<span class="announce-date">ALWAYS</span>
<h4>STAY ANONYMOUS</h4>
<p>scriptX does not collect user data. Use a VPN, stay low-profile, and keep your activity private at all times.</p>
</div>
</div>
</main>
<footer>
<div class="footer-inner">
<div class="footer-logo">script<span class="x">X</span> COMMUNITY</div>
<div class="footer-links">
<a href="https://discord.gg/BhhpvZ7SD9" target="_blank">Discord</a>
<a href="https://khoindvn.io.vn/" target="_blank">KSign</a>
<a href="https://deltaexploits.gg/delta-executor-ios" target="_blank">Delta</a>
</div>
<div class="footer-copy">// WE ARE ANONYMOUS • WE DO NOT FORGIVE • © 2024 scriptX</div>
</div>
</footer>
<script>
(function () {
const lines = [
{ t: 100, h: '