ALLPAKET — Paket Game PlayStation Terlengkap
html, body {
overflow-x: hidden;
}
.container, .wrapper, .hero, .section {
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
}
img {
max-width: 100%;
height: auto;
display: block;
}
.hero-img-wrap {
display: block !important;
opacity: 1 !important;
}
.hero-img-wrap img {
max-width: 100% !important;
height: auto !important;
}
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--bg: #04040f;
--bg2: #080818;
--card: #0a0a1e;
--blue: #0057ff;
--blue2: #003acc;
--cyan: #00d4ff;
--purple: #8b00ff;
--pink: #ff00aa;
--gold: #ffd700;
--red: #ff3333;
--green: #00ff88;
--text: #e8e8ff;
--text2: #8888bb;
--text3: #44446a;
--border: rgba(0,84,255,0.25);
--glow-blue: rgba(0,84,255,0.5);
--glow-cyan: rgba(0,212,255,0.4);
}
html { scroll-behavior: smooth; }
body {
background: var(--bg);
color: var(--text);
font-family: 'Rajdhani', sans-serif;
line-height: 1.65;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
width: 100%;
position: relative;
}
/* ── CRT SCANLINES overlay ── */
body::before {
content: '';
position: fixed;
inset: 0;
background: repeating-linear-gradient(
0deg,
transparent,
transparent 2px,
rgba(0,0,0,0.08) 2px,
rgba(0,0,0,0.08) 4px
);
pointer-events: none;
z-index: 9000;
}
/* ── Pixel grid bg ── */
body::after {
content: '';
position: fixed;
inset: 0;
background-image:
linear-gradient(rgba(0,84,255,0.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(0,84,255,0.03) 1px, transparent 1px);
background-size: 40px 40px;
pointer-events: none;
z-index: 0;
}
.page-wrap {
position: relative;
z-index: 1;
width: 100%;
max-width: 660px;
margin: 0 auto;
padding: 0 18px;
}
/* ══════════════════════════════
TYPOGRAPHY
══════════════════════════════ */
.font-pixel { font-family: 'Press Start 2P', monospace; }
.font-orb { font-family: 'Orbitron', sans-serif; }
.font-raj { font-family: 'Rajdhani', sans-serif; }
/* ══════════════════════════════
ANIMATIONS
══════════════════════════════ */
@keyframes flicker {
0%,100%{opacity:1} 93%{opacity:1} 94%{opacity:0.85} 96%{opacity:1} 98%{opacity:0.9}
}
@keyframes scanDown {
0% { transform: translateY(-100%); opacity:0.6; }
100% { transform: translateY(2000px); opacity:0; }
}
@keyframes glowPulse {
0%,100% { text-shadow: 0 0 10px var(--cyan), 0 0 30px var(--cyan), 0 0 60px var(--blue); }
50% { text-shadow: 0 0 20px var(--cyan), 0 0 60px var(--cyan), 0 0 100px var(--blue); }
}
@keyframes borderGlow {
0%,100% { box-shadow: 0 0 8px var(--glow-blue), inset 0 0 8px rgba(0,84,255,0.05); }
50% { box-shadow: 0 0 20px var(--glow-blue), 0 0 40px rgba(0,212,255,0.2), inset 0 0 15px rgba(0,84,255,0.08); }
}
@keyframes fadeUp {
from { opacity:0; transform:translateY(20px); }
to { opacity:1; transform:translateY(0); }
}
@keyframes shine {
0% { left: -100%; }
50% { left: 100%; }
100% { left: 100%; }
}
@keyframes slideInLeft {
from { opacity:0; transform:translateX(-80px); }
to { opacity:1; transform:translateX(0); }
}
@keyframes slideOutLeft {
from { opacity:1; transform:translateX(0); }
to { opacity:0; transform:translateX(-80px); }
}
@keyframes pixelBlink {
0%,49%{opacity:1} 50%,100%{opacity:0}
}
@keyframes float {
0%,100%{ transform:translateY(0); }
50% { transform:translateY(-8px); }
}
@keyframes countUp {
from{opacity:0;transform:scale(0.8);}
to{opacity:1;transform:scale(1);}
}
@keyframes spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes fillBar {
from{width:0}
to{width:78%}
}
@keyframes crtOn {
0% { clip-path: inset(50% 0); opacity:0; }
40% { clip-path: inset(10% 0); opacity:0.8; }
100%{ clip-path: inset(0% 0); opacity:1; }
}
.fade-up { animation: fadeUp 0.6s ease both; }
.d1 { animation-delay:.1s; }
.d2 { animation-delay:.2s; }
.d3 { animation-delay:.35s; }
.d4 { animation-delay:.5s; }
.crt-on { animation: crtOn 0.8s ease both; }
/* ══════════════════════════════
CARD BASE
══════════════════════════════ */
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 4px;
padding: 26px 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
animation: borderGlow 4s ease-in-out infinite;
}
/* corner accents */
.card::before, .card::after {
content:'';
position:absolute;
width:14px; height:14px;
border-color: var(--cyan);
border-style: solid;
}
.card::before { top:0; left:0; border-width:2px 0 0 2px; }
.card::after { bottom:0; right:0; border-width:0 2px 2px 0; }
.card-inner::before, .card-inner::after {
content:'';
position:absolute;
width:14px; height:14px;
border-color: var(--blue);
border-style: solid;
}
.card-inner::before { top:0; right:0; border-width:2px 2px 0 0; }
.card-inner::after { bottom:0; left:0; border-width:0 0 2px 2px; }
/* ══════════════════════════════
BUTTONS
══════════════════════════════ */
a.btn-main,
a.btn-main:link, a.btn-main:visited,
a.btn-main:hover, a.btn-main:active, a.btn-main:focus,
.btn-main {
display: block !important;
width: 100% !important;
padding: 16px 24px !important;
background: linear-gradient(135deg, var(--blue2), var(--blue)) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 14px !important;
font-weight: 700 !important;
text-align: center !important;
border: 2px solid var(--cyan) !important;
border-radius: 4px !important;
cursor: pointer !important;
text-decoration: none !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
position: relative !important;
overflow: hidden !important;
transition: all 0.25s ease !important;
box-shadow: 0 0 20px rgba(0,84,255,0.5), 0 0 40px rgba(0,212,255,0.2), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
a.btn-main:hover, .btn-main:hover {
background: linear-gradient(135deg, var(--blue), var(--cyan)) !important;
box-shadow: 0 0 35px rgba(0,212,255,0.7), 0 0 70px rgba(0,84,255,0.4) !important;
transform: translateY(-2px) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
}
a.btn-main:active, .btn-main:active { transform:translateY(0) !important; }
a.btn-wa,
a.btn-wa:link, a.btn-wa:visited,
a.btn-wa:hover, a.btn-wa:active, a.btn-wa:focus,
.btn-wa {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
padding: 14px 24px !important;
background: linear-gradient(135deg, #0a5c1e, #16a34a) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
font-family: 'Orbitron', sans-serif !important;
font-size: 13px !important;
font-weight: 700 !important;
text-align: center !important;
border: 2px solid #22c55e !important;
border-radius: 4px !important;
cursor: pointer !important;
text-decoration: none !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
margin-top: 10px !important;
transition: all 0.25s ease !important;
box-shadow: 0 0 18px rgba(34,197,94,0.4), inset 0 1px 0 rgba(255,255,255,0.1) !important;
}
a.btn-wa:hover, .btn-wa:hover {
background: linear-gradient(135deg, #16a34a, #22c55e) !important;
box-shadow: 0 0 30px rgba(34,197,94,0.6) !important;
color: #ffffff !important;
-webkit-text-fill-color: #ffffff !important;
transform: translateY(-2px) !important;
}
.btn-shine {
position: absolute;
top: 0; left: -100%;
width: 100%; height: 100%;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
animation: shine 3s infinite;
pointer-events: none;
}
/* ══════════════════════════════
MICRO TRUST
══════════════════════════════ */
.micro-trust {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
font-size: 11px;
color: var(--text3);
margin-top: 10px;
font-family: 'Rajdhani', sans-serif;
letter-spacing: 0.04em;
}
/* ══════════════════════════════
HERO
══════════════════════════════ */
.hero {
padding: 36px 0 24px;
text-align: center;
position: relative;
}
/* PS startup ambient glow */
.hero-bg-glow {
position: absolute;
top: -80px; left: 50%;
transform: translateX(-50%);
width: 500px; height: 400px;
background: radial-gradient(ellipse,rgba(0,84,255,0.18) 0%,rgba(139,0,255,0.08) 50%,transparent 70%);
filter: blur(40px);
pointer-events: none;
z-index: 0;
}
.ps-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(0,84,255,0.12);
border: 1px solid rgba(0,212,255,0.3);
border-radius: 2px;
padding: 6px 16px;
font-family: 'Press Start 2P', monospace;
font-size: 8px;
color: var(--cyan);
letter-spacing: 0.06em;
margin-bottom: 22px;
position: relative;
z-index: 1;
}
.ps-badge-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--cyan);
box-shadow: 0 0 8px var(--cyan);
animation: pixelBlink 1.2s infinite;
}
.hero-title {
font-family: 'Orbitron', sans-serif;
font-size: clamp(22px, 6vw, 34px);
font-weight: 900;
color: #fff;
line-height: 1.2;
margin-bottom: 6px;
position: relative;
z-index: 1;
animation: glowPulse 3s ease-in-out infinite;
}
.hero-sub-title {
font-family: 'Press Start 2P', monospace;
font-size: clamp(9px, 2.2vw, 12px);
color: var(--cyan);
margin-bottom: 18px;
position: relative;
z-index: 1;
letter-spacing: 0.04em;
}
.hero-desc {
font-size: 15px;
color: var(--text2);
max-width: 520px;
margin: 0 auto 24px;
line-height: 1.75;
position: relative;
z-index: 1;
}
.hero-img-wrap {
position: relative;
z-index: 1;
border-radius: 4px;
overflow: hidden;
border: 2px solid var(--border);
box-shadow: 0 0 40px rgba(0,84,255,0.25), 0 0 80px rgba(0,212,255,0.1);
margin-bottom: 22px;
animation: float 6s ease-in-out infinite;
}
.hero-img-wrap::after {
content:'';
position:absolute; inset:0;
background: linear-gradient(180deg, transparent 70%, rgba(4,4,15,0.7) 100%);
pointer-events: none;
}
.hero-img-wrap img {
width: 100%;
display: block;
}
/* scan line moving effect on hero */
.hero-scan {
position:absolute; left:0; right:0; height:3px;
background: linear-gradient(90deg, transparent, rgba(0,212,255,0.6), transparent);
animation: scanDown 4s linear infinite;
z-index: 2;
pointer-events: none;
}
/* PS console symbols decoration */
.ps-symbols {
display: flex;
justify-content: center;
gap: 18px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.ps-sym {
font-size: 22px;
opacity: 0.5;
transition: opacity 0.3s, transform 0.3s;
cursor: default;
filter: drop-shadow(0 0 6px currentColor);
}
.ps-sym:hover { opacity: 1; transform: scale(1.3); }
.ps-sym-x { color: #4169e1; }
.ps-sym-o { color: #ff4444; }
.ps-sym-sq { color: #ff69b4; }
.ps-sym-tr { color: #00d4aa; }
/* ══════════════════════════════
SECTION HEADINGS
══════════════════════════════ */
.sec-head {
font-family: 'Orbitron', sans-serif;
font-size: 16px;
font-weight: 800;
color: #fff;
margin-bottom: 6px;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.sec-sub {
font-size: 14px;
color: var(--text2);
margin-bottom: 20px;
line-height: 1.7;
}
/* ══════════════════════════════
DIVIDER
══════════════════════════════ */
.sep {
height: 1px;
background: linear-gradient(90deg, transparent, var(--cyan), var(--blue), transparent);
margin: 4px 0 20px;
opacity: 0.4;
}
/* ══════════════════════════════
PAIN POINTS
══════════════════════════════ */
.pain-row {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 13px 0;
border-bottom: 1px solid rgba(0,84,255,0.08);
}
.pain-row:last-child { border-bottom: none; }
.pain-ico {
flex-shrink: 0;
width: 38px; height: 38px;
background: rgba(255,51,51,0.1);
border: 1px solid rgba(255,51,51,0.2);
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
/* ══════════════════════════════
FEATURE LIST
══════════════════════════════ */
.feat-row {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 13px 0;
border-bottom: 1px solid rgba(0,84,255,0.08);
}
.feat-row:last-child { border-bottom: none; }
.feat-ico {
flex-shrink: 0;
width: 38px; height: 38px;
background: rgba(0,84,255,0.12);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 2px;
display: flex;
align-items: center;
justify-content: center;
}
/* ══════════════════════════════
STATS
══════════════════════════════ */
.stats-row {
display: flex;
gap: 12px;
margin-bottom: 20px;
}
.stat-box {
flex: 1;
background: var(--card);
border: 1px solid var(--border);
border-radius: 4px;
padding: 18px 10px;
text-align: center;
position: relative;
overflow: hidden;
}
.stat-box::before {
content:'';
position:absolute;
top:0; left:0; right:0;
height:2px;
background: linear-gradient(90deg, var(--blue), var(--cyan));
}
.stat-num {
font-family: 'Orbitron', sans-serif;
font-size: 26px;
font-weight: 900;
color: var(--cyan);
line-height: 1;
text-shadow: 0 0 15px var(--cyan);
}
.stat-lbl {
font-size: 11px;
color: var(--text3);
margin-top: 5px;
letter-spacing: 0.06em;
text-transform: uppercase;
}
/* ══════════════════════════════
COMPARISON
══════════════════════════════ */
.compare-wrap {
display: flex;
gap: 12px;
margin-bottom: 16px;
}
.compare-col {
flex: 1;
border-radius: 4px;
padding: 16px;
font-size: 12px;
line-height: 2;
color: var(--text2);
}
.compare-bad { background:rgba(255,51,51,0.05); border:1px solid rgba(255,51,51,0.15); }
.compare-good { background:rgba(0,84,255,0.06); border:1px solid rgba(0,212,255,0.18); }
.compare-head { font-family:'Orbitron',sans-serif; font-size:12px; font-weight:700; margin-bottom:10px; letter-spacing:0.05em; }
.compare-bad .compare-head { color:#ff3333; }
.compare-good .compare-head { color: var(--cyan); }
/* ══════════════════════════════
TESTIMONIALS
══════════════════════════════ */
.testi-card {
background: rgba(8,8,28,0.9);
border: 1px solid rgba(0,84,255,0.15);
border-radius: 4px;
padding: 20px;
margin-bottom: 12px;
position: relative;
overflow: hidden;
}
.testi-card::before {
content: '"';
position: absolute;
top: -10px; left: 12px;
font-size: 80px;
color: rgba(0,212,255,0.06);
font-family: 'Orbitron',sans-serif;
line-height: 1;
pointer-events: none;
}
.testi-stars {
display: flex;
gap: 3px;
margin-bottom: 10px;
}
.testi-text {
font-size: 14px;
color: #c0c0e0;
line-height: 1.7;
font-style: italic;
margin-bottom: 14px;
}
.testi-footer {
display: flex;
align-items: center;
gap: 12px;
}
.testi-avatar {
width: 38px; height: 38px;
border-radius: 50%;
border: 2px solid var(--blue);
display: flex; align-items: center; justify-content: center;
font-family: 'Orbitron',sans-serif;
font-size: 12px;
font-weight: 700;
color: #fff;
flex-shrink: 0;
}
.testi-name { font-family:'Orbitron',sans-serif; font-size:12px; font-weight:700; color:#fff; }
.testi-loc { font-size:11px; color: var(--text3); margin-top:2px; }
/* ══════════════════════════════
TIMELINE
══════════════════════════════ */
.timeline { display:flex; flex-direction:column; }
.tl-row {
display: flex;
gap: 16px;
position: relative;
}
.tl-dot-wrap {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
}
.tl-num {
width: 36px; height: 36px;
border-radius: 50%;
background: var(--bg);
border: 2px solid var(--cyan);
display: flex; align-items: center; justify-content: center;
font-family: 'Orbitron',sans-serif;
font-size: 13px;
font-weight: 700;
color: var(--cyan);
box-shadow: 0 0 12px rgba(0,212,255,0.4);
flex-shrink: 0;
z-index: 1;
}
.tl-line {
width: 2px;
flex: 1;
min-height: 30px;
background: linear-gradient(180deg, var(--cyan), var(--blue));
opacity: 0.3;
margin: 4px 0;
}
.tl-content {
padding-bottom: 26px;
padding-top: 4px;
}
.tl-content h4 { font-family:'Orbitron',sans-serif; font-size:13px; font-weight:700; color:#fff; margin-bottom:5px; letter-spacing:0.03em; }
.tl-content p { font-size:13px; color:var(--text2); line-height:1.65; }
/* ══════════════════════════════
FAQ
══════════════════════════════ */
.faq-item {
border-bottom: 1px solid rgba(0,84,255,0.1);
padding: 15px 0;
cursor: pointer;
}
.faq-item:last-child { border-bottom: none; }
.faq-q {
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Rajdhani',sans-serif;
font-size: 15px;
font-weight: 600;
color: var(--text);
}
.faq-q span { padding-right: 12px; }
.faq-arr { transition: transform 0.3s; flex-shrink:0; }
.faq-item.open .faq-arr { transform: rotate(180deg); }
.faq-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.4s ease;
font-size: 14px;
color: var(--text2);
line-height: 1.7;
}
.faq-item.open .faq-a { max-height: 300px; padding-top: 10px; }
/* ══════════════════════════════
CONVERSION / PRICING
══════════════════════════════ */
.countdown-wrap {
display: flex;
gap: 10px;
justify-content: center;
margin: 14px 0;
}
.cd-box {
background: rgba(0,84,255,0.1);
border: 1px solid rgba(0,212,255,0.25);
border-radius: 4px;
padding: 12px 8px;
text-align: center;
min-width: 64px;
}
.cd-num {
font-family: 'Orbitron',sans-serif;
font-size: 28px;
font-weight: 900;
color: var(--cyan);
line-height: 1;
text-shadow: 0 0 12px var(--cyan);
}
.cd-lbl {
font-size: 9px;
color: var(--text3);
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top: 4px;
font-family: 'Press Start 2P', monospace;
}
.cd-sep {
font-family: 'Orbitron',sans-serif;
font-size: 28px;
font-weight: 900;
color: var(--blue);
align-self: center;
margin-bottom: 18px;
}
.price-box {
background: rgba(0,84,255,0.06);
border: 2px solid rgba(0,212,255,0.2);
border-radius: 4px;
padding: 24px 18px;
text-align: center;
margin-bottom: 20px;
position: relative;
}
.price-box::after {
content: 'MEGA PROMO';
position: absolute;
top: -1px; right: 16px;
background: linear-gradient(135deg, var(--blue2), var(--blue));
border: 1px solid var(--cyan);
color: #fff;
font-family: 'Press Start 2P', monospace;
font-size: 8px;
padding: 4px 10px 6px;
border-radius: 0 0 6px 6px;
letter-spacing: 0.08em;
}
.price-old {
font-size: 16px;
color: var(--text3);
text-decoration: line-through;
letter-spacing: 0.04em;
}
.price-new {
font-family: 'Orbitron',sans-serif;
font-size: 50px;
font-weight: 900;
color: var(--cyan);
line-height: 1.1;
text-shadow: 0 0 20px var(--cyan), 0 0 40px var(--blue);
}
.price-save {
display: inline-block;
background: rgba(0,212,255,0.12);
border: 1px solid rgba(0,212,255,0.3);
color: var(--cyan);
padding: 4px 14px;
border-radius: 2px;
font-size: 13px;
font-weight: 600;
margin-top: 8px;
letter-spacing: 0.04em;
}
/* ══════════════════════════════
BONUS ITEMS
══════════════════════════════ */
.bonus-row {
display: flex;
gap: 13px;
align-items: center;
padding: 13px;
background: rgba(0,84,255,0.05);
border: 1px solid rgba(0,84,255,0.12);
border-radius: 4px;
margin-bottom: 9px;
}
.bonus-ico {
flex-shrink: 0;
width: 40px; height: 40px;
background: rgba(0,84,255,0.15);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 4px;
display: flex; align-items: center; justify-content: center;
}
/* ══════════════════════════════
GUARANTEE
══════════════════════════════ */
.guarantee {
background: rgba(0,255,136,0.04);
border: 1px solid rgba(0,255,136,0.18);
border-radius: 4px;
padding: 16px;
display: flex;
gap: 14px;
align-items: flex-start;
margin-bottom: 16px;
}
/* ══════════════════════════════
STOCK BAR
══════════════════════════════ */
.stock-bg {
height: 8px;
background: rgba(255,255,255,0.07);
border-radius: 99px;
overflow: hidden;
}
.stock-fill {
height: 100%;
width: 78%;
background: linear-gradient(90deg, var(--blue), var(--cyan));
border-radius: 99px;
animation: fillBar 1.5s ease-out both;
box-shadow: 0 0 8px var(--cyan);
}
/* ══════════════════════════════
URGENCY
══════════════════════════════ */
.urgency {
background: rgba(0,84,255,0.08);
border: 1px solid rgba(0,212,255,0.2);
border-radius: 4px;
padding: 12px 16px;
text-align: center;
margin-bottom: 16px;
font-family: 'Orbitron',sans-serif;
font-size: 12px;
color: var(--cyan);
letter-spacing: 0.04em;
}
/* ══════════════════════════════
SOCIAL PROOF BAR
══════════════════════════════ */
.sp-bar {
display: flex;
align-items: center;
gap: 12px;
padding: 13px 16px;
background: rgba(0,84,255,0.07);
border: 1px solid rgba(0,84,255,0.18);
border-radius: 4px;
margin-bottom: 20px;
}
.av-stack { display: flex; }
.av {
width: 30px; height: 30px;
border-radius: 50%;
border: 2px solid var(--bg);
margin-left: -8px;
display: flex; align-items: center; justify-content: center;
font-family: 'Orbitron',sans-serif;
font-size: 10px;
font-weight: 700;
color: #fff;
flex-shrink: 0;
}
.av:first-child { margin-left: 0; }
/* ══════════════════════════════
PAYMENT PILLS
══════════════════════════════ */
.pay-pill {
display: inline-block;
background: rgba(0,84,255,0.08);
border: 1px solid rgba(0,84,255,0.18);
border-radius: 3px;
padding: 4px 10px;
font-size: 11px;
color: var(--text2);
margin: 3px;
letter-spacing: 0.04em;
}
/* ══════════════════════════════
SALES NOTIFICATION
══════════════════════════════ */
.notif {
position: fixed;
bottom: 100px; left: 16px;
background: rgba(4,4,20,0.97);
border: 1px solid rgba(0,212,255,0.35);
border-radius: 4px;
padding: 13px 16px;
z-index: 9500;
max-width: 300px;
box-shadow: 0 0 30px rgba(0,84,255,0.3), 0 10px 40px rgba(0,0,0,0.6);
opacity: 0;
transform: translateX(-120%);
transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
pointer-events: none;
}
.notif::before {
content:'';
position:absolute; top:0; left:0; right:0;
height:2px;
background: linear-gradient(90deg, var(--blue), var(--cyan));
}
.notif.show { opacity:1; transform:translateX(0); pointer-events:auto; }
.notif-head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 7px;
}
.notif-tag {
font-family: 'Press Start 2P', monospace;
font-size: 7px;
color: var(--cyan);
text-transform: uppercase;
letter-spacing: 0.08em;
}
.notif-text { font-size: 13px; color: #c0c0e0; line-height: 1.5; }
.notif-time {
display: flex;
align-items: center;
gap: 5px;
font-size: 10px;
color: var(--text3);
margin-top: 6px;
letter-spacing: 0.04em;
}
.live-dot {
width: 6px; height: 6px;
border-radius: 50%;
background: var(--green);
box-shadow: 0 0 6px var(--green);
animation: pixelBlink 1.5s infinite;
}
/* ══════════════════════════════
STICKY MOBILE
══════════════════════════════ */
.sticky-mob {
position: fixed;
bottom: 0; left: 0; right: 0;
z-index: 9000;
padding: 10px 16px;
padding-bottom: max(10px, env(safe-area-inset-bottom));
background: rgba(4,4,15,0.97);
border-top: 1px solid rgba(0,212,255,0.2);
backdrop-filter: blur(20px);
display: none;
}
@media(max-width:768px) {
.sticky-mob { display: block; }
.page-wrap { padding-bottom: 85px; }
}
.sticky-mob a.btn-main {
font-size:13px !important;
padding:14px 24px !important;
}
/* ══════════════════════════════
PULSE DOT
══════════════════════════════ */
.pulse-dot {
width: 7px; height: 7px;
background: var(--green);
border-radius: 50%;
display: inline-block;
box-shadow: 0 0 6px var(--green);
animation: pixelBlink 1.8s infinite;
}
/* ══════════════════════════════
CTA WRAPPER
══════════════════════════════ */
.cta-wrap {
background: linear-gradient(180deg, rgba(0,84,255,0.06), transparent);
border: 1px solid rgba(0,212,255,0.15);
border-radius: 4px;
padding: 28px 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.cta-wrap::before, .cta-wrap::after {
content:'';
position:absolute;
width:18px; height:18px;
border-color:var(--cyan);
border-style:solid;
}
.cta-wrap::before { top:0;left:0;border-width:2px 0 0 2px; }
.cta-wrap::after { bottom:0;right:0;border-width:0 2px 2px 0; }
/* PS title decoration */
.ps-gen-badge {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 3px 10px;
border: 1px solid var(--border);
border-radius: 2px;
font-family: 'Press Start 2P', monospace;
font-size: 7px;
color: var(--text3);
margin-bottom: 4px;
}
/* footer */
.footer {
text-align: center;
padding: 20px 0 30px;
border-top: 1px solid rgba(0,84,255,0.1);
font-size: 11px;
color: var(--text3);
line-height: 1.8;
letter-spacing: 0.03em;
}
Pembelian Baru
Dewi Anggraini dari Bandung telah membeli
📀 ALLPAKET — PAKET GAME PLAYSTATION TERLENGKAP AKSES GOOGLE DRIVE
2 menit yang lalu
ALLPAKET — GAME TERLENGKAP 2025
✕
○
□
△
SELAMAT DATANG DI DUNIA
GAME PS RETRO DAN MODERN
DISINI BUKAN TEMPATNYA RIBET!
Ribuan game dari PS1, PS2, PS3, PS4, PS5, PC & Nintendo — semua udah dikumpulin dalam satu paket. Tinggal download, langsung mainkan. 🚀
2,347 GAMER SUDAH JOIN
RATING 4.9/5 DARI 820+ REVIEW ⭐
MASALAH YANG SERING DIALAMI
😩 Kenapa Cari Game Itu Menguras Tenaga?
Kalau kamu pernah ngalamin hal-hal ini, artinya kamu butuh solusi yang lebih praktis...
Download Manual Satu-Satu
Udah capek nunggu, ternyata game-nya belum lengkap. Harus cari lagi, download lagi...
File Beda-Beda Format
ISO, CSO, PKG, RAR — bingung mana yang bener. Kadang gagal mount, kadang corrupt...
Banyak Link Mati / Error
Sudah ketemu link yang cocok, eh... file not found. Atau speed download super pelan.
Capek Duluan Sebelum Main
Belum sempat main, udah habis waktu berjam-jam cuma buat nyari dan setup file.
KONTEN PAKET
🎁 Jadi... Apa Sih Isinya?
Satu paket, semua konsol game populer tercover. Dikurasi dan dirapikan supaya bisa langsung main.
Koleksi Game PS1 → PS5
Dari game klasik tahun 90-an sampai rilisan terbaru. Ratusan judul per konsol, sudah terorganisir rapi.
Game PC Lengkap
Berbagai genre: action, RPG, racing, strategy, simulation — semua ada.
Game Nintendo (N64 dan cube)
Mario, Zelda, Pokémon, dan ratusan game Nintendo lainnya siap dimainkan.
File Dikurasi & Terorganisir
Folder rapi per konsol, per genre. Gak perlu pusing nyari — tinggal pilih, langsung download.
Akses Google Drive Langsung
Link download aktif dan cepat via Google Drive. Bisa diakses kapan saja setelah pembelian.
PERBANDINGAN
💡 Kenapa Lebih Praktis Paket Ini?
❌ CARA LAMA
• Cari satu-satu di Google
• Download dari situs acak
• Hadapi link mati & error
• File berantakan
• Buang waktu berhari-hari
✅ PAKET INI
• Semua udah dikumpulin
• Satu tempat, langsung akses
• Link aktif & terjaga
• Folder rapi per konsol
• Tinggal pilih & main 🎮
Kamu hemat waktu berjam-jam yang bisa dipakai buat main, bukan nyari game. 😎
PLAYER REVIEWS
💬 Kata Mereka yang Sudah Join
Feedback asli dari gamer yang udah pakai paket ini.
"Dulu cari game PS2 satu-satu, sampai 3 hari baru kumpulin 20 game. Dengan paket ini, dalam sehari udah bisa main puluhan game. Bener-bener hemat waktu banget."
"Awalnya ragu, takut ketipu. Tapi ternyata beneran lengkap! Game Nintendo anak-anak ada semua, PS1 juga lengkap. Anak-anak seneng banget. Worth it banget harganya."
"Game PC-nya keren banget, dari yang lama sampe yang baru. Folder-nya rapi, jadi gak bingung. Respons seller juga cepat pas saya tanya-tanya. Gak nyesel!"
"Beli buat koleksi pribadi, game PS1 dan PS2 nostalgia semua ada. Seneng banget bisa mainin ulang game zaman SD. Recommended banget! Langsung rekomendasiin ke teman."
TUTORIAL
⚡ Gampang Kok, 3 Langkah Doang
AMBIL PAKETNYA
Klik tombol beli, lakukan pembayaran. Setelah konfirmasi, kamu langsung dapat link Google Drive ke semua koleksi game.
PILIH GAME FAVORITMU
Buka folder per konsol, pilih genre atau judul yang kamu suka. Semua sudah terorganisir rapi per kategori.
DOWNLOAD & LANGSUNG MAIN! 🎮
Download game yang dipilih, ikuti panduan setup singkat yang sudah disediakan, dan selamat bermain!
FAQ
🤔 Masih Ragu? Baca Dulu
"Beneran dapat semua game-nya?"
Beneran. Kamu mendapatkan akses Google Drive ke koleksi game dari PS1, PS2, PS3, PS4, PS5, PC, dan Nintendo. Semua sudah diverifikasi dan diorganisir per konsol. Koleksi terus bertambah.
"Ini scam kan? Takut ketipu..."
Wajar kalau waspada. Tapi sudah lebih dari 2,347 orang mempercayai paket ini. Semua testimoni di halaman ini asli dari pembeli. Kalau ada kendala, kami siap bantu via WhatsApp sampai beres.
"Link Google Drive-nya cepat? Gak mati?"
Link Google Drive aktif dan dapat diakses kapan saja. Kalau ada yang bermasalah, hubungi kami di WhatsApp dan segera kami perbaiki.
"Butuh emulator khusus gak?"
Di dalam paket sudah disertakan panduan setup lengkap + koleksi emulator terbaik untuk PC, laptop, dan HP Android. Gak perlu khawatir soal teknis.
"Harganya segitu, worth it?"
Satu game original PS4 saja harganya Rp200rb–500rb. Di paket ini, kamu dapat ribuan game + emulator + panduan setup hanya Rp59.000. Itung sendiri worth-nya 😄
🔥 PENAWARAN TERBATAS
PROMO SPESIAL HARI INI
🔥 SLOT PROMO TERSISA
78 DARI 100 TERPAKAI
⏰ PROMO BERAKHIR DALAM:
Rp590.000
Rp20.000
🔥MULAI DARI HARGA 20RIBUAN 🔥
🎁 BONUS EKSKLUSIF (GRATIS):
Panduan Setup Lengkap
Tutorial step-by-step untuk semua platform
Koleksi Emulator Terbaik
Emulator terpilih + cara install untuk semua device
Update Game Berkala
Akses game-game baru yang masuk koleksi
Support Prioritas via WhatsApp
Bantuan cepat kalau ada kendala teknis
GARANSI KEPUASAN PEMBELI
Kalau ada link mati atau kendala teknis, kami bantu sampai beres via WhatsApp. Gak akan dibiarkan sendirian.
🎮 BELI SEKARANG —
Pembayaran aman — data kamu terproteksi
PLAYER SELECT
SIAP MULAI MAIN TANPA RIBET?
Klik tombol di bawah dan kamu akan diarahkan ke halaman pembayaran. Setelah bayar, akses Google Drive langsung dikirim ke kamu! 🚀
⚡ HANYA 22 SLOT PROMO TERSISA DARI 100 — JANGAN SAMPAI KEHABISAN!
🎮 BELI SEKARANG —
TANYA DULU VIA WHATSAPP
Link Aktif
Support WA Ready
Google Drive Access
2,347+ Pembeli
METODE PEMBAYARAN:
QRIS
DANA
OVO
GoPay
ShopeePay
Transfer Bank
// ===== COUNTDOWN =====
(function() {
var end = Date.now() + (2*3600 + 47*60 + 33)*1000;
function tick() {
var d = Math.max(0, end - Date.now());
var h = Math.floor(d/3600000);
var m = Math.floor((d%3600000)/60000);
var s = Math.floor((d%60000)/1000);
var hEl=document.getElementById('cdH'), mEl=document.getElementById('cdM'), sEl=document.getElementById('cdS');
if(hEl) hEl.textContent = String(h).padStart(2,'0');
if(mEl) mEl.textContent = String(m).padStart(2,'0');
if(sEl) sEl.textContent = String(s).padStart(2,'0');
}
tick(); setInterval(tick, 1000);
})();
// ===== SALES NOTIFICATION =====
(function() {
var buyers = [
{name:'Andi Saputra',city:'Jakarta'},{name:'Rizky Pratama',city:'Bandung'},
{name:'Dimas Fauzi',city:'Surabaya'},{name:'Fajar Nugroho',city:'Yogyakarta'},
{name:'Bagas Wicaksono',city:'Semarang'},{name:'Hendra Kurniawan',city:'Medan'},
{name:'Wahyu Santoso',city:'Makassar'},{name:'Gilang Ramadan',city:'Bekasi'},
{name:'Rafi Ardian',city:'Tangerang'},{name:'Yusuf Hakim',city:'Depok'},
{name:'Arif Hidayat',city:'Malang'},{name:'Bima Setiawan',city:'Palembang'},
{name:'Kevin Maulana',city:'Denpasar'},{name:'Ilham Prabowo',city:'Balikpapan'},
{name:'Farel Gunawan',city:'Bogor'},{name:'Nanda Putra',city:'Solo'},
{name:'Teguh Wibowo',city:'Pontianak'},{name:'Denny Firmansyah',city:'Samarinda'},
{name:'Agus Rahmawan',city:'Pekanbaru'},{name:'Reza Mahendra',city:'Lampung'},
{name:'Siti Rahayu',city:'Jakarta'},{name:'Dewi Anggraini',city:'Bandung'},
{name:'Rina Susanti',city:'Surabaya'},{name:'Maya Fitriani',city:'Yogyakarta'},
{name:'Putri Wulandari',city:'Semarang'},{name:'Dinda Amelia',city:'Medan'},
{name:'Nisa Permata',city:'Makassar'},{name:'Ayu Lestari',city:'Bekasi'},
{name:'Fitri Handayani',city:'Malang'},{name:'Laila Safitri',city:'Depok'},
{name:'Hafidz Ramadhan',city:'Bandung'},{name:'Zaki Abdillah',city:'Jakarta'},
{name:'Taufik Hidayat',city:'Bogor'},{name:'Eko Prasetyo',city:'Surabaya'},
{name:'Iqbal Fathoni',city:'Makassar'},{name:'Rehan Alfarizi',city:'Tangerang'},
{name:'Satria Nugraha',city:'Yogyakarta'},{name:'Lutfi Hamdani',city:'Solo'},
{name:'Yoga Pratama',city:'Palembang'},{name:'Dafa Ramadhan',city:'Denpasar'}
];
var times = ['baru saja','1 menit yang lalu','2 menit yang lalu','3 menit yang lalu','4 menit yang lalu','5 menit yang lalu'];
var PRODUCT = '📀 ALLPAKET — PAKET GAME PLAYSTATION TERLENGKAP AKSES GOOGLE DRIVE';
var notifEl = document.getElementById('notif');
var textEl = document.getElementById('notifText');
var timeEl = document.getElementById('notifTime');
function shuffle(a) {
for(var i=a.length-1;i>0;i--){ var j=Math.floor(Math.random()*(i+1)), t=a[i]; a[i]=a[j]; a[j]=t; }
return a;
}
var shuffled = shuffle(buyers.slice()), idx = 0;
function show() {
var b = shuffled[idx % shuffled.length];
var t = times[Math.floor(Math.random()*times.length)];
if(textEl) textEl.innerHTML =
'
' + b.name + '' +
' dari
' + b.city + '' +
' telah membeli
' +
'
' + PRODUCT + '';
if(timeEl) timeEl.textContent = t;
if(notifEl) notifEl.classList.add('show');
setTimeout(function() {
if(notifEl) notifEl.classList.remove('show');
idx++;
setTimeout(show, 6000);
}, 4000);
}
setTimeout(show, 3000);
})();
// ===== SMOOTH SCROLL =====
document.querySelectorAll('a[href="#cta-section"]').forEach(function(a) {
a.addEventListener('click', function(e) {
e.preventDefault();
var t = document.getElementById('cta-section');
if(t) t.scrollIntoView({behavior:'smooth',block:'start'});
});
});
