diff --git a/maklumat b/maklumat
new file mode 100644
index 0000000..3c9879c
--- /dev/null
+++ b/maklumat
@@ -0,0 +1,664 @@
+<!DOCTYPE html>
+<html lang="ms">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <title>SGAE 2.0 · GABUNGAN LENGKAP · Muhamad Sazwan Bin Ismail</title>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
+    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.0/dist/chart.umd.min.js">
+    </script>
+    <script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js">
+    </script>
+    <style>
+        /* ===== ROOT ===== */
+        :root {
+            --bg: #030712;
+            --panel: rgba(9, 15, 30, 0.92);
+            --text: #e5e7eb;
+            --border: #00e5ff;
+            --border-dim: rgba(0, 229, 255, 0.25);
+            --shadow: 0 0 30px rgba(0, 229, 255, 0.15);
+            --card-bg: #020617;
+            --card-border: rgba(0, 229, 255, 0.2);
+            --gold: #ffd966;
+            --green: #2effb0;
+            --rose: #fb7185;
+            --violet: #a78bfa;
+            --live: #ff0040;
+            --official-gold: #FFD700;
+            --official-gold-dim: rgba(255, 215, 0, 0.25);
+            --official-blue: #0044cc;
+            --maybank: #d40000;
+            --cimb: #007a3d;
+            --gemini: #4285F4;
+            --firebase: #ffca28;
+            --fastapi: #009688;
+            --input-bg: #0f172a;
+        }
+
+        [data-theme="light"] {
+            --bg: #f0f4ff;
+            --panel: rgba(255, 255, 255, 0.92);
+            --text: #0b1120;
+            --border: #0066cc;
+            --border-dim: rgba(0, 102, 204, 0.3);
+            --shadow: 0 0 30px rgba(0, 102, 204, 0.15);
+            --card-bg: #ffffff;
+            --card-border: rgba(0, 102, 204, 0.2);
+            --gold: #b8860b;
+            --green: #008000;
+            --rose: #c0392b;
+            --violet: #6c3483;
+            --live: #cc0033;
+            --official-gold: #B8860B;
+            --official-gold-dim: rgba(184, 134, 11, 0.25);
+            --official-blue: #0033aa;
+            --maybank: #b30000;
+            --cimb: #006633;
+            --firebase: #b8860b;
+            --fastapi: #00796b;
+            --input-bg: #e8edf5;
+        }
+
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            background: var(--bg);
+            color: var(--text);
+            font-family: 'Inter', sans-serif;
+            padding: 1.2rem;
+            transition: background 0.3s, color 0.3s, font-size 0.3s;
+            min-height: 100vh;
+            touch-action: manipulation;
+        }
+
+        .dashboard {
+            max-width: 1600px;
+            margin: 0 auto;
+            display: grid;
+            grid-template-columns: 420px 1fr;
+            gap: 2rem;
+            align-items: start;
+        }
+
+        .theme-toggle {
+            position: fixed;
+            top: 1rem;
+            right: 1rem;
+            background: var(--panel);
+            border: 1px solid var(--border);
+            border-radius: 40px;
+            padding: 0.4rem 0.8rem;
+            display: flex;
+            gap: 0.4rem;
+            z-index: 999;
+            backdrop-filter: blur(8px);
+            box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+        }
+        .theme-toggle button {
+            background: transparent;
+            border: none;
+            font-size: 1.2rem;
+            cursor: pointer;
+            padding: 0.2rem 0.5rem;
+            border-radius: 30px;
+            color: var(--text);
+            transition: 0.2s;
+        }
+        .theme-toggle button.active {
+            background: var(--border);
+            color: #000;
+        }
+
+        .power-card {
+            background: linear-gradient(160deg, #000, #02070e);
+            border-radius: 48px;
+            border: 1.5px solid var(--border);
+            box-shadow: var(--shadow);
+            overflow: hidden;
+            position: sticky;
+            top: 2rem;
+            transition: border-color 0.3s;
+        }
+        [data-theme="light"] .power-card {
+            background: linear-gradient(160deg, #f0f4ff, #ffffff);
+        }
+
+        .card-header {
+            background: #000;
+            padding: 1rem 1.5rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            border-bottom: 2px solid var(--border);
+            flex-wrap: wrap;
+            gap: 10px;
+        }
+        [data-theme="light"] .card-header {
+            background: #e8edf5;
+        }
+
+        .header-logo {
+            font-size: 0.75rem;
+            font-weight: 800;
+            color: var(--border);
+            text-transform: uppercase;
+            letter-spacing: 1px;
+        }
+
+        .lang-switch {
+            display: flex;
+            gap: 0.5rem;
+        }
+        .lang-btn {
+            background: #1e293b;
+            border: none;
+            color: #cbd5e1;
+            padding: 0.3rem 0.8rem;
+            border-radius: 20px;
+            cursor: pointer;
+            font-size: 0.75rem;
+            transition: all 0.3s ease;
+        }
+        [data-theme="light"] .lang-btn {
+            background: #d0d8e8;
+            color: #0b1120;
+        }
+        .lang-btn.active {
+            background: var(--border);
+            color: #000;
+            font-weight: bold;
+            box-shadow: 0 0 10px var(--border);
+        }
+
+        .card-body {
+            padding: 1.5rem;
+        }
+
+        .left-identity {
+            background: rgba(0, 0, 0, 0.9);
+            backdrop-filter: blur(5px);
+            border-radius: 32px;
+            padding: 1.2rem;
+            border: 1px solid var(--border-dim);
+        }
+        [data-theme="light"] .left-identity {
+            background: rgba(255, 255, 255, 0.9);
+        }
+
+        .photo-mock {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            margin-bottom: 1.5rem;
+        }
+        .photo-icon {
+            width: 140px;
+            height: 140px;
+            border-radius: 50%;
+            border: 3px solid var(--border);
+            box-shadow: 0 0 20px var(--border);
+            overflow: hidden;
+            margin-bottom: 12px;
+            background: #111827;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+        }
+        .photo-icon img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+
+        .copy-name-area {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-top: 12px;
+            background: #000;
+            padding: 8px 14px;
+            border-radius: 18px;
+            border: 1px dashed var(--border-dim);
+            width: 100%;
+            flex-wrap: wrap;
+        }
+        [data-theme="light"] .copy-name-area {
+            background: #f0f4ff;
+        }
+        .copy-name-text {
+            flex: 1;
+            font-family: monospace;
+            color: var(--border);
+            font-weight: 700;
+            font-size: 0.85rem;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+        }
+        .btn-copy {
+            background: rgba(0, 229, 255, 0.1);
+            border: 1.5px solid var(--border);
+            color: var(--border);
+            padding: 0.4rem 1rem;
+            border-radius: 60px;
+            font-size: 0.75rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: 0.3s;
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+        }
+        .btn-copy:hover {
+            background: var(--border);
+            color: #000;
+            box-shadow: 0 0 10px rgba(0, 229, 255, 0.4);
+        }
+
+        .mil-field {
+            margin: 0.9rem 0;
+        }
+        .mil-label {
+            font-size: 0.65rem;
+            text-transform: uppercase;
+            color: #9fc5ff;
+            font-weight: 700;
+            letter-spacing: 0.5px;
+        }
+        [data-theme="light"] .mil-label {
+            color: #2c5f8a;
+        }
+        .mil-value {
+            font-family: monospace;
+            color: var(--border);
+            font-size: 0.85rem;
+            background: #020617;
+            padding: 8px 12px;
+            border-radius: 18px;
+            display: block;
+            border-left: 3px solid var(--border);
+            word-break: break-all;
+        }
+        [data-theme="light"] .mil-value {
+            background: #e8edf5;
+        }
+
+        .topsecret-stamp {
+            background: rgba(244, 63, 94, 0.1);
+            border: 1.5px solid #fb7185;
+            color: #fb7185;
+            padding: 0.6rem;
+            border-radius: 12px;
+            text-align: center;
+            margin: 1rem 0;
+            font-weight: 800;
+            font-size: 0.8rem;
+            letter-spacing: 1px;
+        }
+
+        .license-card {
+            background: #020617;
+            border: 1px solid var(--border-dim);
+            border-left: 4px solid var(--border);
+            border-radius: 18px;
+            padding: 12px;
+            margin-bottom: 12px;
+            transition: all 0.3s;
+        }
+        [data-theme="light"] .license-card {
+            background: #ffffff;
+        }
+        .license-card .license-title {
+            font-size: 0.84rem;
+            font-weight: 800;
+            color: #dffcff;
+        }
+        [data-theme="light"] .license-card .license-title {
+            color: #0b1120;
+        }
+        .license-card .license-status {
+            color: var(--green);
+            font-size: 0.68rem;
+            font-weight: 600;
+            margin: 4px 0;
+        }
+        .license-card .license-desc {
+            font-size: 0.73rem;
+            color: #94a3b8;
+            line-height: 1.4;
+        }
+
+        .stamp {
+            font-size: 0.65rem;
+            background: rgba(0, 229, 255, 0.05);
+            padding: 8px 12px;
+            border-radius: 30px;
+            margin-top: 12px;
+            text-align: center;
+            color: var(--border);
+            font-weight: 800;
+            border: 1.5px solid var(--border-dim);
+            text-transform: uppercase;
+            letter-spacing: 0.5px;
+        }
+
+        .portfolio-right {
+            background: var(--panel);
+            border-radius: 2.5rem;
+            border: 1.5px solid var(--border-dim);
+            padding: 2.5rem;
+            backdrop-filter: blur(20px);
+            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
+            transition: background 0.3s, border-color 0.3s;
+        }
+
+        h1 {
+            font-size: 2.5rem;
+            font-weight: 800;
+            background: linear-gradient(135deg, #fff 30%, #7bc3ff 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+            margin-bottom: 0.5rem;
+        }
+        [data-theme="light"] h1 {
+            background: linear-gradient(135deg, #0b1120 30%, #0066cc 100%);
+            -webkit-background-clip: text;
+            background-clip: text;
+            color: transparent;
+        }
+
+        h2 {
+            font-size: 1.5rem;
+            margin: 2.5rem 0 1.2rem;
+            border-left: 4px solid var(--border);
+            padding-left: 1rem;
+            color: #cde3ff;
+            font-weight: 700;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        [data-theme="light"] h2 {
+            color: #0b1120;
+        }
+
+        .glass-panel {
+            background: var(--panel);
+            backdrop-filter: blur(14px);
+            border: 1px solid var(--border-dim);
+            border-radius: 1.5rem;
+            padding: 1.2rem;
+            margin-bottom: 1.4rem;
+            transition: border-color 0.3s, background 0.3s;
+        }
+        .glass-panel:hover {
+            border-color: var(--border);
+        }
+
+        .info-box {
+            background: var(--card-bg);
+            border: 1px solid var(--border-dim);
+            border-radius: 24px;
+            padding: 1.2rem;
+        }
+
+        .btn {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            padding: 0.6rem 1.4rem;
+            border-radius: 60px;
+            cursor: pointer;
+            border: 1.5px solid #3b82f6;
+            background: transparent;
+            color: #cde3ff;
+            margin-right: 0.5rem;
+            margin-bottom: 0.5rem;
+            transition: all 0.3s ease;
+            font-size: 0.85rem;
+            font-weight: 600;
+            touch-action: manipulation;
+        }
+        [data-theme="light"] .btn {
+            color: #0b1120;
+            border-color: #0066cc;
+        }
+        .btn:hover {
+            background: var(--border);
+            color: #000;
+            box-shadow: 0 0 15px var(--border);
+        }
+
+        .btn-print {
+            background: rgba(255, 217, 102, 0.1);
+            border-color: var(--gold);
+            color: var(--gold);
+            margin-top: 1rem;
+        }
+        .btn-print:hover {
+            background: var(--gold);
+            color: #000;
+            box-shadow: 0 0 15px rgba(255, 217, 102, 0.4);
+        }
+
+        .toast-container {
+            position: fixed;
+            bottom: 2rem;
+            right: 2rem;
+            z-index: 9999;
+            display: flex;
+            flex-direction: column;
+            gap: 10px;
+        }
+        .toast {
+            background: var(--panel);
+            color: var(--text);
+            border-left: 4px solid var(--border);
+            border-top: 1px solid var(--border-dim);
+            border-bottom: 1px solid var(--border-dim);
+            border-right: 1px solid var(--border-dim);
+            padding: 1rem 1.5rem;
+            border-radius: 12px;
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
+            font-size: 0.85rem;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            transform: translateX(120%);
+            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+        }
+        .toast.show {
+            transform: translateX(0);
+        }
+
+        .bank-card {
+            background: linear-gradient(145deg, #1a0000, #2d0000);
+            border: 2px solid var(--maybank);
+            border-radius: 20px;
+            padding: 1.5rem;
+            margin: 1rem 0;
+            position: relative;
+            overflow: hidden;
+            box-shadow: 0 0 30px rgba(212, 0, 0, 0.2);
+        }
+        .bank-card::after {
+            content: "💳";
+            position: absolute;
+            bottom: 10px;
+            right: 15px;
+            font-size: 2.5rem;
+            opacity: 0.3;
+        }
+        .bank-card.cimb {
+            border-color: var(--cimb);
+            background: linear-gradient(145deg, #001a0a, #002d15);
+            box-shadow: 0 0 30px rgba(0, 122, 61, 0.2);
+        }
+        .bank-card.cimb::after {
+            content: "🏦";
+        }
+        .bank-card .bank-name {
+            font-size: 1.2rem;
+            font-weight: 900;
+            color: #fff;
+            letter-spacing: 1px;
+        }
+        .bank-card .bank-name i {
+            margin-right: 8px;
+        }
+        .bank-card .bank-name.maybank {
+            color: var(--maybank);
+        }
+        .bank-card .bank-name.cimb {
+            color: var(--cimb);
+        }
+        .bank-card .card-number {
+            font-family: 'Courier New', monospace;
+            font-size: 1.4rem;
+            font-weight: 700;
+            color: #fff;
+            letter-spacing: 2px;
+            margin: 8px 0;
+            text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
+        }
+        .bank-card .card-detail {
+            font-size: 0.8rem;
+            color: #94a3b8;
+            display: flex;
+            justify-content: space-between;
+            flex-wrap: wrap;
+            gap: 6px;
+        }
+        .bank-card .card-detail strong {
+            color: #fff;
+        }
+        .bank-card .card-chip {
+            font-size: 2rem;
+            opacity: 0.5;
+            position: absolute;
+            top: 10px;
+            right: 15px;
+        }
+        .bank-card .card-network {
+            display: flex;
+            gap: 12px;
+            margin-top: 8px;
+            font-size: 0.7rem;
+            color: #94a3b8;
+        }
+        .bank-card .card-network span {
+            background: rgba(255, 255, 255, 0.05);
+            padding: 2px 10px;
+            border-radius: 4px;
+            border: 1px solid rgba(255, 255, 255, 0.05);
+        }
+
+        .ai-bot-panel {
+            background: linear-gradient(145deg, rgba(66, 133, 244, 0.05), rgba(0, 229, 255, 0.05));
+            border: 2px solid var(--gemini);
+            border-radius: 20px;
+            padding: 1.5rem;
+            margin: 1rem 0;
+        }
+        .ai-bot-panel .bot-header {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            margin-bottom: 12px;
+        }
+        .ai-bot-panel .bot-header .bot-icon {
+            width: 50px;
+            height: 50px;
+            border-radius: 50%;
+            background: linear-gradient(135deg, #4285F4, #34A853);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 1.5rem;
+            color: #fff;
+        }
+        .ai-bot-panel .bot-status {
+            display: inline-flex;
+            align-items: center;
+            gap: 6px;
+            background: rgba(46, 255, 176, 0.15);
+            padding: 4px 14px;
+            border-radius: 30px;
+            font-size: 0.7rem;
+            color: var(--green);
+            font-weight: 700;
+            border: 1px solid rgba(46, 255, 176, 0.2);
+        }
+        .ai-bot-panel .bot-status .dot {
+            width: 8px;
+            height: 8px;
+            background: var(--green);
+            border-radius: 50%;
+            animation: pulse 1.5s infinite;
+        }
+
+        .transfer-log {
+            background: #010409;
+            border-radius: 12px;
+            padding: 12px;
+            font-family: monospace;
+            font-size: 0.75rem;
+            height: 150px;
+            overflow-y: auto;
+            border: 1px solid var(--border-dim);
+            color: var(--green);
+            margin-top: 12px;
+        }
+        .transfer-log .log-entry {
+            padding: 4px 0;
+            border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+        }
+        .transfer-log .log-entry.success {
+            color: var(--green);
+        }
+        .transfer-log .log-entry.fail {
+            color: var(--rose);
+        }
+        .transfer-log .log-entry.info {
+            color: var(--border);
+        }
+        .transfer-log .log-entry.gold {
+            color: var(--gold);
+        }
+
+        .btn-transfer {
+            background: linear-gradient(135deg, var(--maybank), #cc0000);
+            color: #fff;
+            border: none;
+            padding: 0.8rem 2rem;
+            border-radius: 60px;
+            font-weight: 800;
+            font-size: 0.9rem;
+            cursor: pointer;
+            transition: all 0.3s ease;
+            display: inline-flex;
+            align-items: center;
+            gap: 10px;
+            box-shadow: 0 0 20px rgba(212, 0, 0, 0.3);
+        }
+        .btn-transfer:hover {
+            transform: scale(1.05);
+            box-shadow: 0 0 30px rgba(212, 0, 0, 0.5);
+        }
+        .btn-transfer.cimb {
+            background: linear-gradient(135deg, var(--cimb), #004d26);
+            box-shadow: 0 0 20px rgba(0, 122, 61, 0.3);
+        }
+        .btn-transfer.cimb:hover {
+            box-shadow: 0 0 30px rgba(0, 122, 61, 0.5);
+        }
+        .btn-transfer:disabled {
+            opa
