Gecko [ fastearnlimited.com ]

Name	Size	Permission	Date
.well-known	[ DIR ]	drwxr-xr-x	2025-09-15 16:52
DB	[ DIR ]	drwxr-xr-x	2024-01-26 18:47
Documentation	[ DIR ]	drwxr-xr-x	2025-08-31 15:59
Documentation.1	[ DIR ]	drwxr-xr-x	2025-10-30 18:23
FASTEARNADS	[ DIR ]	drwxr-xr-x	2025-09-15 19:14
Files	[ DIR ]	drwxr-xr-x	2025-10-30 18:23
admin	[ DIR ]	drwxr-xr-x	2025-10-18 00:49
admin.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
admin.2	[ DIR ]	drwxr-xr-x	2025-10-18 21:54
app	[ DIR ]	drwxr-xr-x	2025-09-15 01:54
asset	[ DIR ]	drwxr-xr-x	2024-01-15 11:35
assets	[ DIR ]	drwxr--r--	2025-10-18 01:49
assets.1	[ DIR ]	drwxr--r--	2025-10-18 02:06
assets.2	[ DIR ]	drwxr-xr-x	2025-10-17 23:09
assets.3	[ DIR ]	drwxr--r--	2025-10-18 02:13
assets.4	[ DIR ]	drwxr-xr-x	2025-10-18 21:42
bootstrap	[ DIR ]	drwxr-xr-x	2025-09-15 21:09
cgi-bin	[ DIR ]	drwxr-xr-x	2025-08-31 15:33
cgi-bin.1	[ DIR ]	drwxr-xr-x	2025-11-14 14:25
cgi-bin.2	[ DIR ]	drwxr-xr-x	2026-03-06 11:21
core	[ DIR ]	drwxr-xr-x	2025-11-21 11:34
core.1	[ DIR ]	drwxr-xr-x	2025-11-21 15:51
data sycho	[ DIR ]	drwxr-xr-x	2026-03-18 10:25
database	[ DIR ]	drwxr-xr-x	2025-09-15 01:47
db	[ DIR ]	drwxr-xr-x	2025-10-17 23:00
db.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
debug.php	[ DIR ]	drwxr-xr-x	2026-03-13 16:15
deployment_package	[ DIR ]	drwxr-xr-x	2025-10-18 02:05
deployment_package.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
earnonline	[ DIR ]	drwxr-xr-x	2025-10-18 17:55
includes	[ DIR ]	drwxr-xr-x	2025-10-17 21:12
includes.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
includes.2	[ DIR ]	drwxr-xr-x	2025-10-18 21:40
loading	[ DIR ]	drwxr-xr-x	2025-01-23 07:37
public	[ DIR ]	drwxr-xr-x	2025-09-15 19:19
resources	[ DIR ]	drwxr-xr-x	2025-09-15 01:28
routes	[ DIR ]	drwxr-xr-x	2025-09-15 21:08
serive	[ DIR ]	drwxr-xr-x	2024-10-22 19:23
shearearn	[ DIR ]	drwxr-xr-x	2025-10-17 21:12
storage	[ DIR ]	drwxr-xr-x	2025-09-15 01:56
uploads	[ DIR ]	drwxr--r--	2025-10-18 01:49
uploads.1	[ DIR ]	drwxr--r--	2025-10-18 02:06
uploads.2	[ DIR ]	drwxr-xr-x	2025-10-17 23:08
uploads.3	[ DIR ]	drwxr--r--	2025-10-18 02:13
user	[ DIR ]	drwxr-xr-x	2025-10-17 23:42
user.1	[ DIR ]	drwxr-xr-x	2025-10-17 21:15
user.2	[ DIR ]	drwxr-xr-x	2025-10-18 22:14
vendor	[ DIR ]	drwxr-xr-x	2025-09-15 01:53
.env	1.2 KB	-rw-r--r--	2025-09-15 19:24
.env.example	1.19 KB	-rw-r--r--	2025-09-15 01:27
.htaccess	281 B	-rw-r--r--	2025-09-15 16:51
.htaccess.1	1.08 KB	-rw-r--r--	2025-10-18 21:45
.htaccess.2	913 B	-rw-r--r--	2023-12-27 04:45
.htaccess.3	281 B	-rw-r--r--	2025-12-23 09:40
.htaccess.4	1.38 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.5	812 B	-rw-r--r--	2025-12-23 09:40
.htaccess.6	281 B	-rw-r--r--	2026-02-22 15:25
.htaccess.7	5.15 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.8	1.02 KB	-rw-r--r--	2025-12-23 09:40
.htaccess.9	281 B	-rw-r--r--	2025-12-23 09:40
.trash_restore	11.24 KB	-rw-------	2026-03-30 15:07
.well-known_2.zip	66.1 MB	-rw-r--r--	2025-07-10 15:10
.well-known_3.zip	69.98 MB	-rw-r--r--	2025-07-18 07:02
6clube by Tha_perfect_provider (1).zip	67.84 MB	-rw-r--r--	2025-11-21 12:25
DEPLOYMENT_INSTRUCTIONS.md	3.05 KB	-rw-r--r--	2025-10-18 01:48
FASTEARNADS.zip	26.04 MB	-rw-r--r--	2025-09-15 19:10
FIX_DUPLICATE_COMMISSIONS.md	3.63 KB	-rw-r--r--	2025-10-18 00:32
FIX_DUPLICATE_COMMISSIONS.md.1	3.63 KB	-rw-r--r--	2025-10-18 00:32
FIX_USER_EDIT_ISSUE.md	6.15 KB	-rw-r--r--	2025-10-18 00:44
FIX_USER_EDIT_ISSUE.md.1	6.15 KB	-rw-r--r--	2025-10-18 00:44
Hyipe rio_2.zip	56.84 MB	-rw-r--r--	2025-08-31 15:56
IMPROVEMENTS_SUMMARY.md	4.11 KB	-rw-r--r--	2025-10-18 00:40
IMPROVEMENTS_SUMMARY.md.1	4.11 KB	-rw-r--r--	2025-10-18 00:40
MRby91club.sql	32.58 MB	-rw-r--r--	2025-11-09 05:09
MRby91club.zip	58.89 MB	-rw-r--r--	2025-11-09 05:09
PropLab v1.0 Nulled.zip	67.55 MB	-rw-r--r--	2025-11-21 11:36
README.md	6.77 KB	-rw-r--r--	2025-09-15 01:24
README.md.1	3.01 KB	-rw-r--r--	2025-10-18 21:46
README.txt	2.34 KB	-rw-r--r--	2025-10-17 23:08
README.txt.1	2.34 KB	-rw-r--r--	2025-10-17 23:08
README_DEPLOYMENT.txt	1.74 KB	-rw-r--r--	2025-10-18 01:49
README_REFERRAL_COMMISSIONS.md	4.02 KB	-rw-r--r--	2025-10-18 00:22
README_REFERRAL_COMMISSIONS.md.1	4.02 KB	-rw-r--r--	2025-10-18 00:22
SQL_CHANGES_SUMMARY.md	2.02 KB	-rw-r--r--	2025-10-18 00:25
SQL_CHANGES_SUMMARY.md.1	2.02 KB	-rw-r--r--	2025-10-18 00:25
Vinance-Digital-Trading-Platform-V2.7[www.shop.softbdteam.com].zip	39.3 MB	-rw-r--r--	2025-11-28 16:01
apply_database_fixes.php	5.17 KB	-rw-r--r--	2025-10-18 00:39
apply_database_fixes.php.1	5.17 KB	-rw-r--r--	2025-10-18 00:39
artisan	1.7 KB	-rw-r--r--	2025-09-15 01:54
check_commission_levels.php	3.16 KB	-rw-r--r--	2025-10-18 00:53
check_commission_levels.php.1	3.16 KB	-rw-r--r--	2025-10-18 00:53
check_database_structure.php	3.9 KB	-rw-r--r--	2025-10-18 00:55
check_database_structure.php.1	3.9 KB	-rw-r--r--	2025-10-18 00:55
check_duplicate_commissions.php	4.38 KB	-rw-r--r--	2025-10-18 00:32
check_duplicate_commissions.php.1	4.38 KB	-rw-r--r--	2025-10-18 00:32
check_referrals_table.php	2.28 KB	-rw-r--r--	2025-10-18 00:39
check_referrals_table.php.1	2.28 KB	-rw-r--r--	2025-10-18 00:39
complete_setup.sql	5.34 KB	-rw-r--r--	2025-10-18 00:25
complete_setup.sql.1	5.34 KB	-rw-r--r--	2025-10-18 00:25
complete_setup_for_import.sql	5.36 KB	-rw-r--r--	2025-10-18 01:59
complete_setup_for_import.sql.1	5.36 KB	-rw-r--r--	2025-10-18 01:59
composer.json	1.83 KB	-rw-r--r--	2025-09-15 01:27
composer.lock	294.45 KB	-rw-r--r--	2025-09-15 01:52
config.php	2.63 KB	-rw-r--r--	2025-10-18 17:56
crazydeveloperbd_auto-ptc.sql	320.06 KB	-rw-r--r--	2025-02-03 11:56
crazydeveloperbd_auto-ptc.sql.1	320.06 KB	-rw-r--r--	2025-02-03 11:56
create_table_direct.php	3.44 KB	-rw-r--r--	2025-10-18 00:09
create_table_direct.php.1	3.44 KB	-rw-r--r--	2025-10-18 00:09
css_test.php	999 B	-rw-r--r--	2025-10-18 02:06
data sycho.1	0 B	-rw-r--r--	2026-03-18 10:25
database.sql	13.77 KB	-rw-r--r--	2025-10-18 22:24
debug_referral_chain.php	6.88 KB	-rw-r--r--	2025-10-18 00:54
debug_referral_chain.php.1	6.88 KB	-rw-r--r--	2025-10-18 00:54
demo-enhanced.html	45.46 KB	-rw-r--r--	2025-09-15 01:43
earnonline.zip	88.67 KB	-rw-r--r--	2025-10-18 17:55
error.php	3.84 KB	-rw-r--r--	2025-10-18 21:45
error_log	488 B	-rw-r--r--	2025-07-04 21:02
error_log.1	37.29 KB	-rw-r--r--	2025-11-21 16:03
favicon.png	2.71 KB	-rw-r--r--	2025-06-07 20:15
favicon.png.1	6.62 KB	-rw-r--r--	2022-08-31 22:45
favicon.png.2	50.48 KB	-rw-r--r--	2025-07-18 10:14
favicon.png.3	2.21 KB	-rw-r--r--	2025-07-18 10:19
fix_css_paths.bat	1.85 KB	-rw-r--r--	2025-10-18 02:06
fix_duplicate_commissions.php	2.67 KB	-rw-r--r--	2025-10-18 00:31
fix_duplicate_commissions.php.1	2.67 KB	-rw-r--r--	2025-10-18 00:31
fix_referral_commissions.sql	677 B	-rw-r--r--	2025-10-18 00:25
fix_referral_commissions.sql.1	677 B	-rw-r--r--	2025-10-18 00:25
fix_referral_commissions_for_import.sql	705 B	-rw-r--r--	2025-10-18 01:59
fix_referral_commissions_for_import.sql.1	705 B	-rw-r--r--	2025-10-18 01:59
index-8df9a8d8.js	1.09 MB	-rw-r--r--	2026-03-18 15:16
index.php	25.73 KB	-rw-r--r--	2025-10-18 01:40
index.php.1	26.17 KB	-rw-r--r--	2025-10-18 02:11
index.php.2	23.31 KB	-rw-r--r--	2025-10-18 22:32
index.php.3	1.77 KB	-rw-r--r--	2023-12-27 04:45
index.php.backup	25.74 KB	-rw-r--r--	2025-10-18 02:05
index_professional.php	26.17 KB	-rw-r--r--	2025-10-18 02:12
index_with_css_fix.php	25.82 KB	-rw-r--r--	2025-10-18 02:06
login.php	4.14 KB	-rw-r--r--	2025-10-17 23:09
login.php.1	4.15 KB	-rw-r--r--	2025-10-18 02:12
logo.png	18.18 KB	-rw-r--r--	2025-06-07 20:15
logo.png.1	46.68 KB	-rw-r--r--	2025-07-18 10:12
logo.png.2	46.68 KB	-rw-r--r--	2025-07-18 10:11
logo.png.3	920.77 KB	-rw-r--r--	2023-07-01 15:03
logout.php	88 B	-rw-r--r--	2025-10-17 23:02
logout.php.1	88 B	-rw-r--r--	2025-10-17 23:02
mailer.php	10.16 KB	-rw-r--r--	2026-03-30 14:45
mobile-demo.html	23.36 KB	-rw-r--r--	2025-09-15 01:32
register.php	6.57 KB	-rw-r--r--	2025-10-17 23:09
register.php.1	6.58 KB	-rw-r--r--	2025-10-18 02:12
run_setup.bat	714 B	-rw-r--r--	2025-10-18 00:23
run_setup.bat.1	714 B	-rw-r--r--	2025-10-18 00:23
servertime.php	128 B	-rw-r--r--	2024-09-27 12:16
setup_referral_commissions.php	2.73 KB	-rw-r--r--	2025-10-18 00:21
setup_referral_commissions.php.1	2.73 KB	-rw-r--r--	2025-10-18 00:21
shearearn.zip	3.2 MB	-rw-r--r--	2025-10-17 21:11
test.html	203 B	-rw-r--r--	2025-10-17 23:16
test.php	59 B	-rw-r--r--	2025-10-17 23:16
test.php.1	59 B	-rw-r--r--	2025-10-17 23:16
test_commission_application.php	6.93 KB	-rw-r--r--	2025-10-18 00:55
test_commission_application.php.1	6.93 KB	-rw-r--r--	2025-10-18 00:55
test_commission_display.php	3.26 KB	-rw-r--r--	2025-10-18 00:19
test_commission_display.php.1	3.26 KB	-rw-r--r--	2025-10-18 00:19
test_commission_fix.php	3.16 KB	-rw-r--r--	2025-10-18 00:39
test_commission_fix.php.1	3.16 KB	-rw-r--r--	2025-10-18 00:39
test_mobile_menu.php	2.73 KB	-rw-r--r--	2025-10-18 01:24
test_mobile_menu.php.1	2.73 KB	-rw-r--r--	2025-10-18 01:24
test_referral.php	2.07 KB	-rw-r--r--	2025-10-17 23:55
test_referral.php.1	2.07 KB	-rw-r--r--	2025-10-17 23:55
tradex (1).sql	189.14 KB	-rw-r--r--	2025-11-21 15:51
update_referral_commissions.sql	682 B	-rw-r--r--	2025-10-18 00:25
update_referral_commissions.sql.1	682 B	-rw-r--r--	2025-10-18 00:25
update_referral_commissions_for_import.sql	710 B	-rw-r--r--	2025-10-18 01:59
update_referral_commissions_for_import.sql.1	710 B	-rw-r--r--	2025-10-18 01:59
update_referrals_table.sql	398 B	-rw-r--r--	2025-10-18 00:31
update_referrals_table.sql.1	398 B	-rw-r--r--	2025-10-18 00:31
update_referrals_table_for_import.sql	426 B	-rw-r--r--	2025-10-18 01:59
update_referrals_table_for_import.sql.1	426 B	-rw-r--r--	2025-10-18 01:59
verify-code.php	8.79 KB	-rw-r--r--	2026-03-30 14:55
verify_commissions.php	3.28 KB	-rw-r--r--	2025-10-18 00:20
verify_commissions.php.1	3.28 KB	-rw-r--r--	2025-10-18 00:20
verify_commissions_working.php	8.2 KB	-rw-r--r--	2025-10-18 00:56
verify_commissions_working.php.1	8.2 KB	-rw-r--r--	2025-10-18 00:56
website_deployment_package.zip	648.91 KB	-rw-r--r--	2025-10-18 01:49
website_deployment_package_final.zip	657.48 KB	-rw-r--r--	2025-10-18 02:06
website_deployment_package_professional.zip	667.46 KB	-rw-r--r--	2025-10-17 21:14
website_deployment_package_updated.zip	653.07 KB	-rw-r--r--	2025-10-18 01:59

Rename

<?php
require_once 'config.php';

// Check if user is already logged in
if (isset($_SESSION['user_id'])) {
    header("Location: /user/dashboard.php");
    exit();
}

// Check if admin is trying to access admin panel
if (isset($_GET['admin'])) {
    header("Location: /admin/login.php");
    exit();
}

$error_message = '';
$success_message = '';

// Handle registration
if (isset($_POST['register'])) {
    $name = sanitize_input($_POST['name']);
    $email = sanitize_input($_POST['email']);
    $phone = sanitize_input($_POST['phone']);
    $password = $_POST['password'];
    $confirm_password = $_POST['confirm_password'];
    $referral_code = sanitize_input($_POST['referral_code']);

// Validation
    if (empty($name) || empty($email) || empty($phone) || empty($password)) {
        $error_message = "All fields are required.";
    } elseif ($password !== $confirm_password) {
        $error_message = "Passwords do not match.";
    } elseif (strlen($password) < 6) {
        $error_message = "Password must be at least 6 characters.";
    } else {
        // Check if email already exists
        $stmt = $conn->prepare("SELECT id FROM users WHERE email = ?");
        $stmt->bind_param("s", $email);
        $stmt->execute();
        $result = $stmt->get_result();
        
        if ($result->num_rows > 0) {
            $error_message = "Email already registered.";
        } else {
            // Generate unique referral code
            $user_referral_code = generate_referral_code();
            
            // Check if referral code exists
            $ref_by = null;
            if (!empty($referral_code)) {
                $stmt = $conn->prepare("SELECT id FROM users WHERE referral_code = ?");
                $stmt->bind_param("s", $referral_code);
                $stmt->execute();
                $result = $stmt->get_result();
                
                if ($result->num_rows > 0) {
                    $ref_row = $result->fetch_assoc();
                    $ref_by = $ref_row['id'];
                }
            }
            
            // Hash password
            $hashed_password = password_hash($password, PASSWORD_DEFAULT);
            
            // Insert user
            $stmt = $conn->prepare("INSERT INTO users (name, email, phone, password, referral_code, ref_by) VALUES (?, ?, ?, ?, ?, ?)");
            $stmt->bind_param("ssssss", $name, $email, $phone, $hashed_password, $user_referral_code, $ref_by);
            
            if ($stmt->execute()) {
                $success_message = "Registration successful! You can now login.";
            } else {
                $error_message = "Registration failed. Please try again.";
            }
        }
    }
}

// Handle login
if (isset($_POST['login'])) {
    $email = sanitize_input($_POST['email']);
    $password = $_POST['password'];
    
    if (empty($email) || empty($password)) {
        $error_message = "All fields are required.";
    } else {
        // Check credentials
        $stmt = $conn->prepare("SELECT id, name, password, status FROM users WHERE email = ?");
        $stmt->bind_param("s", $email);
        $stmt->execute();
        $result = $stmt->get_result();
        
        if ($result->num_rows == 1) {
            $user = $result->fetch_assoc();
            
            if ($user['status'] != 'active') {
                $error_message = "Account is inactive. Please contact support.";
            } elseif (password_verify($password, $user['password'])) {
                // Login successful
                $_SESSION['user_id'] = $user['id'];
                $_SESSION['user_name'] = $user['name'];
                header("Location: /user/dashboard.php");
                exit();
            } else {
                $error_message = "Invalid email or password.";
            }
        } else {
            $error_message = "Invalid email or password.";
        }
    }
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $site_name; ?> - Watch Ads & Earn Money</title>
    
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
    
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <style>
        :root {
            --primary-color: #6f42c1;
            --secondary-color: #00c9a7;
            --dark-bg: #121826;
            --light-bg: #f8f9fa;
        }
        
        body {
            background: linear-gradient(135deg, var(--dark-bg), #1a1f2d);
            min-height: 100vh;
            display: flex;
            align-items: center;
            padding: 20px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            margin: 0;
            padding-top: 60px; /* Add space for mobile menu */
        }
        
        /* Mobile menu styles */
        .mobile-menu-bar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            background: rgba(26, 31, 45, 0.95);
            backdrop-filter: blur(10px);
            padding: 15px 20px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            z-index: 1000;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .mobile-logo {
            color: white;
            font-size: 1.5rem;
            font-weight: 700;
        }
        
        .mobile-logo span {
            color: var(--secondary-color);
        }
        
        .menu-toggle {
            background: none;
            border: none;
            color: white;
            font-size: 1.5rem;
            cursor: pointer;
            padding: 5px;
        }
        
        .mobile-menu {
            position: fixed;
            top: 60px;
            right: -250px;
            width: 250px;
            height: calc(100% - 60px);
            background: rgba(26, 31, 45, 0.95);
            backdrop-filter: blur(10px);
            z-index: 999;
            transition: right 0.3s ease;
            overflow-y: auto;
            border-left: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .mobile-menu.active {
            right: 0;
        }
        
        .mobile-menu ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .mobile-menu li {
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        
        .mobile-menu a {
            display: block;
            padding: 15px 20px;
            color: rgba(255, 255, 255, 0.8);
            text-decoration: none;
            transition: all 0.3s ease;
        }
        
        .mobile-menu a:hover {
            background: rgba(255, 255, 255, 0.1);
            color: white;
        }
        
        .mobile-menu a i {
            margin-right: 10px;
            width: 20px;
            text-align: center;
        }
        
        .overlay {
            position: fixed;
            top: 60px;
            left: 0;
            width: 100%;
            height: calc(100% - 60px);
            background: rgba(0, 0, 0, 0.5);
            z-index: 998;
            display: none;
        }
        
        .overlay.active {
            display: block;
        }
        
        .login-container {
            max-width: 1000px;
            margin: 0 auto;
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px);
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .left-panel {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            padding: 40px;
            color: white;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        
        .right-panel {
            padding: 40px;
            background: rgba(255, 255, 255, 0.05);
        }
        
        .feature-card {
            background: rgba(255, 255, 255, 0.1);
            border-radius: 15px;
            padding: 20px;
            margin-bottom: 20px;
            transition: transform 0.3s ease;
        }
        
        .feature-card:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.15);
        }
        
        .form-control {
            background: rgba(255, 255, 255, 0.07);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: white;
            border-radius: 10px;
            padding: 12px 15px;
        }
        
        .form-control:focus {
            background: rgba(255, 255, 255, 0.1);
            border-color: var(--secondary-color);
            box-shadow: 0 0 0 0.25rem rgba(0, 201, 167, 0.25);
            color: white;
        }
        
        .form-label {
            color: rgba(255, 255, 255, 0.8);
            font-weight: 500;
        }
        
        .btn-primary {
            background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
            border: none;
            border-radius: 10px;
            padding: 12px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        
        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
        }
        
        .nav-tabs .nav-link {
            color: rgba(255, 255, 255, 0.7);
            border: none;
            padding: 15px 25px;
            font-weight: 600;
        }
        
        .nav-tabs .nav-link.active {
            color: white;
            background: rgba(255, 255, 255, 0.1);
            border-radius: 10px;
        }
        
        .alert {
            border-radius: 10px;
        }
        
        .logo {
            font-size: 2.5rem;
            font-weight: 800;
            margin-bottom: 20px;
        }
        
        .logo span {
            color: var(--secondary-color);
        }
        
        @media (max-width: 768px) {
            .login-container {
                flex-direction: column;
            }
            
            .left-panel {
                padding: 30px;
            }
        }
        
        @media (min-width: 769px) {
            .mobile-menu-bar {
                display: none;
            }
            
            .mobile-menu {
                display: none;
            }
            
            .overlay {
                display: none;
            }
            
            body {
                padding-top: 0;
            }
        }
    </style>
</head>
<body>
    
    <div class="mobile-menu-bar d-md-none">
        <div class="mobile-logo">Watch<span>&Earn</span></div>
        <button class="menu-toggle" id="menuToggle">
            <i class="fas fa-bars"></i>
        </button>
    </div>
    
    
    <div class="mobile-menu" id="mobileMenu">
        <div style="padding: 15px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); display: flex; justify-content: space-between; align-items: center;">
            <span style="color: white; font-weight: 600;">Menu</span>
            <button class="menu-toggle" id="closeMenu" style="background: none; border: none; color: white; font-size: 1.2rem; cursor: pointer;">
                <i class="fas fa-times"></i>
            </button>
        </div>
        <ul>
            <li><a href="index.php"><i class="fas fa-home"></i> Home</a></li>
            <li><a href="#login-tab" id="loginMenuLink"><i class="fas fa-sign-in-alt"></i> Login</a></li>
            <li><a href="#register-tab" id="registerMenuLink"><i class="fas fa-user-plus"></i> Register</a></li>
            <li><a href="?admin"><i class="fas fa-user-shield"></i> Admin Login</a></li>
            <li><a href="#"><i class="fas fa-question-circle"></i> Help</a></li>
            <li><a href="#"><i class="fas fa-info-circle"></i> About</a></li>
        </ul>
    </div>
    
    
    <div class="overlay" id="overlay"></div>
    
    <div class="container-fluid">
        <div class="row justify-content-center">
            <div class="col-lg-10">
                <div class="login-container d-flex">
                    <div class="col-md-6 left-panel d-none d-md-block">
                        <div class="text-center mb-5">
                            <div class="logo">Watch<span>&Earn</span></div>
                            <p>Earn money by watching ads</p>
                        </div>
                        
                        <h3 class="mb-4">Why Join Us?</h3>
                        
                        <div class="feature-card">
                            <h5><i class="fas fa-wallet me-2"></i> Earn Real Money</h5>
                            <p class="mb-0">Convert your ad watching time into real cash rewards.</p>
                        </div>
                        
                        <div class="feature-card">
                            <h5><i class="fas fa-mobile-alt me-2"></i> Mobile Friendly</h5>
                            <p class="mb-0">Access our platform from any device, anywhere.</p>
                        </div>
                        
                        <div class="feature-card">
                            <h5><i class="fas fa-users me-2"></i> Referral Program</h5>
                            <p class="mb-0">Earn extra by inviting friends to join our platform.</p>
                        </div>
                        
                        <div class="mt-4 text-center">
                            <a href="?admin" class="btn btn-outline-light">
                                <i class="fas fa-user-shield me-2"></i>Admin Login
                            </a>
                        </div>
                    </div>
                    
                    <div class="col-md-6 right-panel">
                        <?php if ($error_message): ?>
                            <div class="alert alert-danger"><?php echo $error_message; ?></div>
                        <?php endif; ?>
                        
                        <?php if ($success_message): ?>
                            <div class="alert alert-success"><?php echo $success_message; ?></div>
                        <?php endif; ?>
                        
                        <ul class="nav nav-tabs mb-4" id="authTab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link active" id="login-tab" data-bs-toggle="tab" data-bs-target="#login" type="button" role="tab">Login</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link" id="register-tab" data-bs-toggle="tab" data-bs-target="#register" type="button" role="tab">Register</button>
                            </li>
                        </ul>
                        
                        <div class="tab-content" id="authTabContent">
                            
                            <div class="tab-pane fade show active" id="login" role="tabpanel">
                                <h3 class="mb-4">Login to Your Account</h3>
                                <form method="POST">
                                    <div class="mb-3">
                                        <label for="login_email" class="form-label">Email Address</label>
                                        <input type="email" class="form-control" id="login_email" name="email" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="login_password" class="form-label">Password</label>
                                        <input type="password" class="form-control" id="login_password" name="password" required>
                                    </div>
                                    
                                    <div class="mb-3 form-check">
                                        <input type="checkbox" class="form-check-input" id="remember">
                                        <label class="form-check-label" for="remember">Remember me</label>
                                    </div>
                                    
                                    <button type="submit" name="login" class="btn btn-primary w-100 mb-3">Login</button>
                                    
                                    <div class="text-center">
                                        <a href="#" class="text-decoration-none">Forgot Password?</a>
                                    </div>
                                </form>
                            </div>
                            
                            
                            <div class="tab-pane fade" id="register" role="tabpanel">
                                <h3 class="mb-4">Create New Account</h3>
                                <form method="POST">
                                    <div class="mb-3">
                                        <label for="register_name" class="form-label">Full Name</label>
                                        <input type="text" class="form-control" id="register_name" name="name" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="register_email" class="form-label">Email Address</label>
                                        <input type="email" class="form-control" id="register_email" name="email" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="register_phone" class="form-label">Phone Number</label>
                                        <input type="tel" class="form-control" id="register_phone" name="phone" required>
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="register_password" class="form-label">Password</label>
                                        <input type="password" class="form-control" id="register_password" name="password" required minlength="6">
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="register_confirm_password" class="form-label">Confirm Password</label>
                                        <input type="password" class="form-control" id="register_confirm_password" name="confirm_password" required minlength="6">
                                    </div>
                                    
                                    <div class="mb-3">
                                        <label for="register_referral" class="form-label">Referral Code (Optional)</label>
                                        <input type="text" class="form-control" id="register_referral" name="referral_code">
                                    </div>
                                    
                                    <button type="submit" name="register" class="btn btn-primary w-100 mb-3">Register Now</button>
                                </form>
                            </div>
                        </div>
                        
                        <div class="mt-4 text-center d-md-none">
                            <a href="?admin" class="btn btn-outline-light">
                                <i class="fas fa-user-shield me-2"></i>Admin Login
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
    
    
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const menuToggle = document.getElementById('menuToggle');
            const mobileMenu = document.getElementById('mobileMenu');
            const overlay = document.getElementById('overlay');
            const closeMenu = document.getElementById('closeMenu');
            
            // Function to close menu
            function closeMobileMenu() {
                mobileMenu.classList.remove('active');
                overlay.classList.remove('active');
            }
            
            // Toggle mobile menu
            menuToggle.addEventListener('click', function() {
                mobileMenu.classList.toggle('active');
                overlay.classList.toggle('active');
            });
            
            // Close menu when clicking close button
            closeMenu.addEventListener('click', closeMobileMenu);
            
            // Close menu when clicking overlay
            overlay.addEventListener('click', closeMobileMenu);
            
            // Close menu when clicking menu links
            const menuLinks = document.querySelectorAll('.mobile-menu a');
            menuLinks.forEach(link => {
                link.addEventListener('click', function(e) {
                    // Check if it's a tab link
                    if (this.id === 'loginMenuLink') {
                        e.preventDefault();
                        // Switch to login tab
                        const loginTab = document.getElementById('login-tab');
                        if (loginTab) {
                            const tab = new bootstrap.Tab(loginTab);
                            tab.show();
                        }
                    } else if (this.id === 'registerMenuLink') {
                        e.preventDefault();
                        // Switch to register tab
                        const registerTab = document.getElementById('register-tab');
                        if (registerTab) {
                            const tab = new bootstrap.Tab(registerTab);
                            tab.show();
                        }
                    }
                    
                    // Close mobile menu
                    closeMobileMenu();
                });
            });
            
            // Close menu when resizing to desktop
            window.addEventListener('resize', function() {
                if (window.innerWidth >= 769) {
                    closeMobileMenu();
                }
            });
        });
    </script>
</body>
</html>