
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DZDEAL Exclusive Upgrade Pathway</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        :root {
            --primary-bg: #f0f7ff;
            --card-bg: #ffffff;
            --card-bg-alt: #f8fbff;
            --text-primary: #2c3e50;
            --text-secondary: #5a6c7d;
            --accent-primary: #3498db;
            --accent-secondary: #2ecc71;
            --accent-tertiary: #9b59b6;
            --border-color: #e1e8ed;
            --highlight-bg: #e8f4fd;
            --header-gradient: linear-gradient(135deg, #3498db 0%, #2ecc71 100%);
        }
        
        body {
            background: var(--primary-bg);
            color: var(--text-primary);
            line-height: 1.6;
            padding: 20px;
            min-height: 100vh;
        }
        
        .container {
            max-width: 1100px;
            margin: 0 auto;
            background: var(--card-bg);
            border-radius: 16px;
            box-shadow: 0 8px 30px rgba(52, 152, 219, 0.12);
            overflow: hidden;
            border: 1px solid var(--border-color);
        }
        
        header {
            background: var(--header-gradient);
            padding: 35px 30px;
            text-align: center;
            color: white;
            position: relative;
            overflow: hidden;
        }
        
        header::before {
            content: "";
            position: absolute;
            top: -50%;
            left: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
            z-index: 0;
        }
        
        .header-content {
            position: relative;
            z-index: 1;
        }
        
        h1 {
            font-size: 32px;
            margin-bottom: 12px;
            font-weight: 700;
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        
        .subtitle {
            font-size: 18px;
            opacity: 0.95;
            font-weight: 400;
            max-width: 600px;
            margin: 0 auto;
        }
        
        .content {
            padding: 35px 30px;
        }
        
        section {
            margin-bottom: 30px;
            padding: 25px;
            background: var(--card-bg);
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            border: 1px solid var(--border-color);
            position: relative;
            overflow: hidden;
        }
        
        section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 5px;
            height: 100%;
            background: var(--accent-primary);
        }
        
        section:nth-child(even)::before {
            background: var(--accent-secondary);
        }
        
        section:nth-child(3n)::before {
            background: var(--accent-tertiary);
        }
        
        section:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
        }
        
        h2 {
            color: var(--text-primary);
            margin-bottom: 18px;
            font-size: 24px;
            display: flex;
            align-items: center;
            font-weight: 600;
        }
        
        h2 i {
            margin-right: 12px;
            width: 40px;
            height: 40px;
            background: var(--accent-primary);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 18px;
        }
        
        section:nth-child(even) h2 i {
            background: var(--accent-secondary);
        }
        
        section:nth-child(3n) h2 i {
            background: var(--accent-tertiary);
        }
        
        p {
            margin-bottom: 15px;
            font-size: 16px;
            color: var(--text-secondary);
        }
        
        ul {
            list-style-type: none;
            padding-left: 10px;
        }
        
        li {
            margin-bottom: 12px;
            padding-left: 30px;
            position: relative;
            color: var(--text-secondary);
        }
        
        li:before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--accent-secondary);
            font-weight: bold;
            font-size: 18px;
        }
        
        .highlight {
            background: var(--highlight-bg);
            padding: 20px;
            border-radius: 10px;
            border-left: 4px solid var(--accent-primary);
            margin: 20px 0;
            font-style: italic;
        }
        
        .steps {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin-top: 25px;
        }
        
        .step {
            flex: 1;
            min-width: 200px;
            background: var(--card-bg-alt);
            padding: 25px 20px;
            border-radius: 10px;
            text-align: center;
            transition: transform 0.3s ease, background 0.3s ease;
            border: 1px solid var(--border-color);
            position: relative;
        }
        
        .step:hover {
            transform: translateY(-5px);
            background: white;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        }
        
        .step-number {
            display: inline-block;
            width: 40px;
            height: 40px;
            background: var(--accent-primary);
            color: white;
            border-radius: 50%;
            line-height: 40px;
            font-weight: bold;
            margin-bottom: 15px;
            font-size: 18px;
        }
        
        .step:nth-child(2) .step-number {
            background: var(--accent-secondary);
        }
        
        .step:nth-child(3) .step-number {
            background: var(--accent-tertiary);
        }
        
        .contact-info {
            text-align: center;
            padding: 25px;
            background: var(--card-bg-alt);
            border-radius: 12px;
            margin-top: 25px;
            border: 1px solid var(--border-color);
            position: relative;
            overflow: hidden;
        }
        
        .contact-info::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: var(--header-gradient);
        }
        
        .email {
            font-size: 22px;
            color: var(--accent-primary);
            font-weight: bold;
            margin: 15px 0;
            display: inline-block;
            padding: 8px 20px;
            background: var(--highlight-bg);
            border-radius: 30px;
        }
        
        .note {
            font-style: italic;
            color: var(--text-secondary);
            margin-top: 15px;
            font-size: 15px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }
        
        footer {
            text-align: center;
            padding: 25px;
            background: var(--card-bg-alt);
            border-top: 1px solid var(--border-color);
            color: var(--text-secondary);
            font-size: 15px;
        }
        
        .timeline {
            display: flex;
            justify-content: space-between;
            margin: 25px 0;
            position: relative;
        }
        
        .timeline::before {
            content: "";
            position: absolute;
            top: 20px;
            left: 0;
            right: 0;
            height: 3px;
            background: linear-gradient(to right, var(--accent-primary), var(--accent-secondary));
            z-index: 1;
        }
        
        .timeline-item {
            text-align: center;
            position: relative;
            z-index: 2;
            flex: 1;
        }
        
        .timeline-dot {
            width: 40px;
            height: 40px;
            background: white;
            border: 3px solid var(--accent-primary);
            border-radius: 50%;
            margin: 0 auto 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--accent-primary);
            font-weight: bold;
            font-size: 16px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        
        .timeline-item:nth-child(2) .timeline-dot {
            border-color: var(--accent-secondary);
            color: var(--accent-secondary);
        }
        
        .timeline-item:nth-child(3) .timeline-dot {
            border-color: var(--accent-tertiary);
            color: var(--accent-tertiary);
        }
        
        .timeline-item:nth-child(4) .timeline-dot {
            border-color: #e74c3c;
            color: #e74c3c;
        }
        
        @media (max-width: 768px) {
            .steps {
                flex-direction: column;
            }
            
            .step {
                min-width: 100%;
            }
            
            h1 {
                font-size: 26px;
            }
            
            .content {
                padding: 25px 20px;
            }
            
            .timeline {
                flex-direction: column;
                align-items: flex-start;
            }
            
            .timeline::before {
                display: none;
            }
            
            .timeline-item {
                display: flex;
                align-items: center;
                margin-bottom: 20px;
                text-align: left;
                width: 100%;
            }
            
            .timeline-dot {
                margin: 0 20px 0 0;
                flex-shrink: 0;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <div class="header-content">
                <h1>DZDEAL Exclusive Pathway for Established Users</h1>
                <p class="subtitle">User Group Tier and Order Privilege Upgrade Request</p>
            </div>
        </header>
        
        <div class="content">
            <section>
                <h2><i class="fas fa-info-circle"></i> About the Program</h2>
                <p>With the official launch of DZDEAL's new membership tier system, different levels now correspond to specific member benefits and order permissions.</p>
                <p>We understand that our long-term supported users may share the same starting access level as newly registered members. As historical order data cannot be fully synchronized to the new system, we are currently unable to automatically identify all established user accounts and adjust their tiers accordingly.</p>
                <div class="highlight">
                    Therefore, we have opened a <strong>dedicated upgrade pathway</strong> specifically for our established users. Eligible users may proactively submit an application for us to review and upgrade their user group tier, unlocking higher-order quantity limits and related privileges.
                </div>
            </section>
            
            <section>
                <h2><i class="fas fa-clipboard-check"></i> Eligibility Requirements</h2>
                <p>Users who meet the following criteria are welcome to apply:</p>
                <ul>
                    <li><strong>Familiarity with Platform Processes</strong>: Thorough understanding and proficient operation of the website's various business workflows.</li>
                    <li><strong>Strong Cooperation & High-Quality Output</strong>: Active response to order requirements with the ability to consistently provide high-quality content that meets specifications.</li>
                    <li><strong>Good Account Standing</strong>: A clean account history with no policy violations, maintaining a high account weight.</li>
                </ul>
            </section>
            
            <section>
                <h2><i class="fas fa-paper-plane"></i> Application Method</h2>
                <p>Please follow these steps to submit your application:</p>
                
                <div class="steps">
                    <div class="step">
                        <div class="step-number">1</div>
                        <h3>Provide Profile Link</h3>
                        <p>Include your <strong>Amazon account Profile link</strong> in the application.</p>
                    </div>
                    
                    <div class="step">
                        <div class="step-number">2</div>
                        <h3>Personal Statement</h3>
                        <p>Write a <strong>brief personal statement</strong> explaining your situation and reasons for applying.</p>
                    </div>
                    
                    <div class="step">
                        <div class="step-number">3</div>
                        <h3>Send Application</h3>
                        <p>Email your complete application to our support team.</p>
                    </div>
                </div>
                
                <div class="contact-info">
                    <p><i class="fas fa-envelope"></i> Send your application to:</p>
                    <p class="email">support@dzdeal.com</p>
                    <p class="note">Please use the exact email subject: <strong>DZDEAL Membership Tier Application</strong></p>
                </div>
            </section>
            
            <section>
                <h2><i class="fas fa-tasks"></i> Review Process</h2>
                <p>Our team will comprehensively review your account details and historical order information upon receipt. Adjustments to your user tier and corresponding permissions will be completed within 3-5 business days based on the evaluation outcome.</p>
                
                <div class="timeline">
                    <div class="timeline-item">
                        <div class="timeline-dot">1</div>
                        <div>Application Received</div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot">2</div>
                        <div>Account Review</div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot">3</div>
                        <div>Tier Adjustment</div>
                    </div>
                    <div class="timeline-item">
                        <div class="timeline-dot">4</div>
                        <div>Confirmation Sent</div>
                    </div>
                </div>
                
                <p class="note">We appreciate your continued support and understanding. Please feel free to contact us if you have any questions.</p>
            </section>
        </div>
        
        <footer>
            <p>DZDEAL User Support Team | Member Services Division</p>
        </footer>
    </div>
</body>
</html>