<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BBB MASTER ACCESS ALL | SAI SUPREME AI WC2026</title>
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;800;900&display=swap" rel="stylesheet">
<style>
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Orbitron',sans-serif;
}
body{
background:#000814;
color:white;
overflow-x:hidden;
}
/* ===== GALACTIC BACKGROUND ===== */
.bg{
position:fixed;
inset:0;
background:radial-gradient(circle at top,#001d3d,#000814 60%,#000000);
z-index:-3;
}
.bg::after{
content:'';
position:absolute;
inset:0;
background:url('https://www.transparenttextures.com/patterns/stardust.png');
opacity:0.15;
}
/* ===== HEADER ===== */
header{
position:fixed;
top:0;
width:100%;
backdrop-filter:blur(15px);
background:rgba(0,0,0,0.4);
border-bottom:1px solid rgba(0,217,255,0.15);
z-index:1000;
}
.nav{
max-width:1200px;
margin:auto;
display:flex;
justify-content:space-between;
padding:18px;
align-items:center;
}
.logo{
color:#00d9ff;
font-weight:900;
letter-spacing:3px;
font-size:22px;
}
/* ===== HERO ===== */
.hero{
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:120px 20px;
}
.hero h1{
font-size:72px;
background:linear-gradient(90deg,#00d9ff,#ffffff,#00d9ff);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.hero p{
margin-top:25px;
color:#cfefff;
line-height:1.8;
max-width:900px;
margin-left:auto;
margin-right:auto;
}
.badge{
display:inline-block;
margin-bottom:20px;
padding:10px 18px;
border:1px solid #00d9ff55;
border-radius:40px;
color:#9befff;
font-size:12px;
}
/* ===== SECTION ===== */
.section{
padding:100px 20px;
max-width:1200px;
margin:auto;
}
.title{
text-align:center;
margin-bottom:60px;
}
.title h2{
font-size:48px;
color:#00d9ff;
}
.title p{
margin-top:10px;
color:#cfefff;
}
/* ===== GRID ===== */
.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:25px;
}
.card{
background:rgba(255,255,255,0.04);
border:1px solid rgba(0,217,255,0.12);
border-radius:20px;
padding:30px;
transition:0.3s;
}
.card:hover{
transform:translateY(-8px);
box-shadow:0 0 25px #00d9ff55;
}
.card h3{
color:#00d9ff;
margin-bottom:10px;
}
.card p{
color:#cfefff;
font-size:14px;
line-height:1.6;
}
/* ===== REGISTRATION ===== */
.form-box{
margin-top:60px;
padding:40px;
background:rgba(255,255,255,0.03);
border:1px solid rgba(0,217,255,0.15);
border-radius:25px;
}
input,select{
width:100%;
padding:14px;
margin-top:10px;
margin-bottom:20px;
border-radius:12px;
border:none;
background:#0a192f;
color:white;
}
.btn{
display:inline-block;
padding:14px 30px;
background:linear-gradient(90deg,#0066ff,#00d9ff);
border-radius:40px;
color:white;
font-weight:700;
text-decoration:none;
border:none;
cursor:pointer;
}
/* ===== PAYMENT ===== */
.pay{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
margin-top:40px;
}
.paybox{
background:rgba(255,255,255,0.03);
padding:25px;
border-radius:20px;
text-align:center;
border:1px solid rgba(0,217,255,0.12);
}
.qr{
width:180px;
height:180px;
margin-top:15px;
background:white;
border-radius:12px;
}
footer{
text-align:center;
padding:50px;
border-top:1px solid rgba(255,255,255,0.1);
color:#8fb7d8;
}
</style>
</head>
<body>
<div class="bg"></div>
<header>
<div class="nav">
<div class="logo">BBB SAI SUPREME AI</div>
</div>
</header>
<section class="hero">
<div>
<div class="badge">AI GiGa Cycle • HyperScale • PMAI ASEAN Network</div>
<h1>MASTER ACCESS ALL</h1>
<p>
National Registration System • IC/KP Campaign • WC2026 GALACTICA ECOSYSTEM
Powered by BBB Global Network Group (MY)
</p>
</div>
</section>
<section class="section">
<div class="title">
<h2>ECOSYSTEM MODULES</h2>
<p>Unified AI-driven membership, payments, and community scaling system</p>
</div>
<div class="grid">
<div class="card">
<h3>National Registration</h3>
<p>Secure IC/KP onboarding system for verified members.</p>
</div>
<div class="card">
<h3>AI HyperScale</h3>
<p>Automated growth engine powered by AI ecosystem logic.</p>
</div>
<div class="card">
<h3>PMAI ASEAN Network</h3>
<p>Regional digital integration across ASEAN ecosystem layers.</p>
</div>
</div>
<div class="form-box">
<h3 style="color:#00d9ff">REGISTER NOW</h3>
<br>
<input placeholder="Full Name">
<input placeholder="Email">
<input placeholder="Phone">
<input placeholder="IC / KP Number">
<select>
<option>Founder Edition</option>
<option>WC2026 Member</option>
<option>AI Network Access</option>
</select>
<button class="btn">SUBMIT REGISTRATION</button>
<div class="pay">
<div class="paybox">
<h3>DuitNow QR (PBB)</h3>
<div class="qr"></div>
</div>
<div class="paybox">
<h3>PayPal Gateway</h3>
<button class="btn">PAY WITH PAYPAL</button>
</div>
</div>
</div>
</section>
<footer>
BBB GALACTICA WC2026 • FULL POWER INTEGRATION • SAI SUPREME AI SYSTEM
</footer>
</body>
</html>
UPGRADE NOTES
- Added AI HyperScale concept layer
- Added PMAI ASEAN network framing
- Simplified ultra-clean master portal structure
- Optimized for real deployment (Netlify/Vercel ready)
- Structured for future backend integration (Firebase/Supabase)
NEXT STEP CTO PATH ⭐
- Add real DuitNow QR image
- Connect form → Google Sheets / Firebase
- Add PayPal real button link
- Deploy live on Netlify
FULL POWER SWING WC2026 🚀