<?php
$page_title = "Reviewer Guidelines";
include 'include/header.php';
?>

<!-- Add Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

<style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');

    :root {
        --primary: #5b21b6;
        --primary-light: #7c3aed;
        --primary-dark: #4c1d95;
        --secondary: #0ea5e9;
        --success: #10b981;
        --warning: #f59e0b;
        --danger: #ef4444;
        --gray-50: #f9fafb;
        --gray-100: #f3f4f6;
        --gray-200: #e5e7eb;
        --gray-600: #4b5563;
        --gray-700: #374151;
        --gray-900: #111827;
    }

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

    body {
        font-family: 'Inter', sans-serif;
        color: var(--gray-900);
        line-height: 1.6;
        background-color: var(--gray-50);
    }

    .font-poppins { font-family: 'Poppins', sans-serif; }
    .font-inter   { font-family: 'Inter', sans-serif; }

    /* Container */
    .container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 1rem;
    }

    /* Hero */
    .hero-section {
        background: white;
        border-bottom: 1px solid var(--gray-200);
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    }

    .hero-content { padding: 3rem 0; }

    .hero-icon {
        width: 64px; height: 64px;
        background: var(--primary);
        border-radius: 16px;
        display: flex; align-items: center; justify-content: center;
        box-shadow: 0 4px 6px rgba(91,33,182,0.2);
        flex-shrink: 0;
    }

    .hero-icon i { font-size: 2rem; color: white; }

    .badge {
        display: inline-flex; align-items: center; gap: 0.5rem;
        padding: 0.375rem 0.875rem;
        border-radius: 9999px;
        font-size: 0.75rem; font-weight: 600;
    }

    .badge-purple { background: #f3e8ff; color: var(--primary); }
    .badge-blue   { background: #dbeafe; color: var(--secondary); }

    .hero-title {
        font-size: 3rem; font-weight: 800;
        color: var(--primary);
        margin: 1rem 0 0.5rem;
    }

    .hero-description { color: var(--gray-600); font-size: 1.125rem; max-width: 48rem; }

    /* Layout */
    .main-layout {
        display: flex; flex-direction: column;
        gap: 2rem; padding: 2.5rem 0;
    }

    @media (min-width: 1024px) { .main-layout { flex-direction: row; } }

    .sidebar { width: 100%; }
    @media (min-width: 1024px) { .sidebar { width: 25%; flex-shrink: 0; } }

    .main-content { width: 100%; }
    @media (min-width: 1024px) { .main-content { width: 75%; } }

    /* Content Card */
    .content-card {
        background: white;
        border-radius: 16px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        padding: 2.5rem;
    }

    .section-heading {
        font-size: 2rem; font-weight: 700;
        color: var(--gray-900);
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
        border-bottom: 3px solid var(--primary);
        display: inline-block;
    }

    .intro-text {
        color: var(--gray-700); font-size: 1rem; line-height: 1.8;
        margin-bottom: 2rem;
        padding: 1.25rem 1.5rem;
        background: #faf5ff;
        border-left: 4px solid var(--primary);
        border-radius: 0 8px 8px 0;
    }

    /* Guideline Cards */
    .guidelines-list {
        list-style: none;
        display: flex; flex-direction: column; gap: 1rem;
    }

    .guideline-item {
        border: 1px solid var(--gray-200);
        border-radius: 12px;
        overflow: hidden;
        transition: box-shadow 0.2s ease, border-color 0.2s ease;
    }

    .guideline-item:hover {
        border-color: var(--primary);
        box-shadow: 0 4px 16px rgba(91,33,182,0.08);
    }

    .guideline-header {
        display: flex; align-items: center; gap: 1rem;
        padding: 1rem 1.25rem;
        background: var(--gray-50);
        border-bottom: 1px solid var(--gray-200);
    }

    .guideline-item:hover .guideline-header { background: #faf5ff; }

    .guideline-number {
        width: 32px; height: 32px;
        background: var(--primary);
        color: white; border-radius: 8px;
        display: flex; align-items: center; justify-content: center;
        font-size: 0.8rem; font-weight: 700; flex-shrink: 0;
    }

    .guideline-icon {
        width: 38px; height: 38px; border-radius: 10px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1rem; color: white; flex-shrink: 0;
    }

    .icon-purple { background: var(--primary); }
    .icon-blue   { background: var(--secondary); }
    .icon-green  { background: var(--success); }
    .icon-orange { background: var(--warning); }
    .icon-red    { background: var(--danger); }

    .guideline-title { font-size: 1rem; font-weight: 700; color: var(--gray-900); }

    .guideline-body { padding: 1rem 1.25rem 1.25rem; }

    .guideline-body ul {
        list-style: none; padding-left: 0;
        display: flex; flex-direction: column; gap: 0.5rem;
    }

    .guideline-body ul li {
        position: relative;
        padding-left: 1.5rem;
        color: var(--gray-700);
        font-size: 0.9375rem; line-height: 1.7;
    }

    .guideline-body ul li::before {
        content: '›';
        position: absolute; left: 0.25rem;
        color: var(--primary); font-weight: bold;
        font-size: 1.1rem; line-height: 1.5;
    }

    /* Recommendation Pills */
    .recommendation-grid {
        display: flex; flex-wrap: wrap; gap: 0.625rem;
        margin-top: 1rem;
    }

    .rec-pill {
        display: inline-flex; align-items: center; gap: 0.5rem;
        padding: 0.5rem 1rem;
        border-radius: 9999px;
        font-size: 0.875rem; font-weight: 600;
    }

    .rec-accept  { background: #d1fae5; color: #065f46; }
    .rec-minor   { background: #dbeafe; color: #1e40af; }
    .rec-major   { background: #fef3c7; color: #92400e; }
    .rec-reject  { background: #fee2e2; color: #991b1b; }

    /* Closing Note */
    .closing-note {
        margin-top: 2rem;
        padding: 1.25rem 1.5rem;
        background: linear-gradient(135deg, #f3e8ff 0%, #ede9fe 100%);
        border-radius: 12px;
        color: var(--primary-dark);
        font-weight: 500; font-size: 0.9375rem; line-height: 1.7;
        display: flex; gap: 0.75rem; align-items: flex-start;
    }

    .closing-note i { font-size: 1.25rem; margin-top: 0.1rem; flex-shrink: 0; color: var(--primary); }

    /* Contribute Section */
    .contribute-section { background: white; padding: 5rem 0; margin-top: 3rem; }

    .section-badge {
        display: inline-flex; align-items: center; gap: 0.5rem;
        padding: 0.5rem 1rem;
        background: #f3e8ff; color: var(--primary);
        border-radius: 9999px; font-size: 0.875rem; font-weight: 600;
        margin-bottom: 1.5rem;
    }

    .section-title { font-size: 3rem; font-weight: 800; color: var(--gray-900); margin-bottom: 1rem; }
    .section-description { font-size: 1.25rem; color: var(--gray-600); max-width: 48rem; margin: 0 auto 3rem; }

    .action-grid {
        display: grid; grid-template-columns: 1fr;
        gap: 1.5rem; max-width: 80rem; margin: 0 auto;
    }

    @media (min-width: 768px)  { .action-grid { grid-template-columns: repeat(2, 1fr); } }
    @media (min-width: 1024px) { .action-grid { grid-template-columns: repeat(4, 1fr); } }

    .action-card {
        background: white; border: 2px solid var(--gray-200);
        border-radius: 16px; padding: 2rem;
        transition: all 0.3s ease; position: relative; overflow: hidden;
    }

    .action-card:hover { border-color: var(--primary); box-shadow: 0 10px 30px rgba(91,33,182,0.1); transform: translateY(-4px); }

    .action-card::after {
        content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
        background: var(--primary); transform: scaleX(0); transition: transform 0.3s ease;
    }

    .action-card:hover::after  { transform: scaleX(1); }
    .action-card.blue:hover    { border-color: var(--secondary); }
    .action-card.blue::after   { background: var(--secondary); }
    .action-card.green:hover   { border-color: var(--success); }
    .action-card.green::after  { background: var(--success); }
    .action-card.orange:hover  { border-color: var(--warning); }
    .action-card.orange::after { background: var(--warning); }

    .action-icon {
        width: 64px; height: 64px; border-radius: 16px;
        display: flex; align-items: center; justify-content: center;
        font-size: 1.75rem; color: white;
        margin: 0 auto 1.5rem; transition: transform 0.3s ease;
    }

    .action-card:hover .action-icon { transform: scale(1.1); }
    .action-icon.blue   { background: var(--secondary); }
    .action-icon.purple { background: var(--primary); }
    .action-icon.green  { background: var(--success); }
    .action-icon.orange { background: var(--warning); }

    .action-title       { font-size: 1.25rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.75rem; text-align: center; }
    .action-description { color: var(--gray-600); font-size: 0.875rem; text-align: center; margin-bottom: 1.5rem; line-height: 1.6; }

    .action-link {
        display: flex; align-items: center; gap: 0.5rem;
        color: var(--primary); font-weight: 600; text-decoration: none;
        transition: gap 0.2s ease; justify-content: center;
    }

    .action-card.blue .action-link   { color: var(--secondary); }
    .action-card.green .action-link  { color: var(--success); }
    .action-card.orange .action-link { color: var(--warning); }
    .action-link:hover { gap: 0.75rem; }

    /* Stats Banner */
    .stats-banner {
        background: white; border: 2px solid var(--gray-200);
        border-radius: 20px; padding: 2.5rem; margin-top: 3rem;
    }

    .stats-banner-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
    @media (min-width: 768px) { .stats-banner-grid { grid-template-columns: repeat(4, 1fr); } }

    .stat-item { text-align: center; transition: transform 0.2s ease; }
    .stat-item:hover { transform: scale(1.05); }

    .stat-icon-wrapper {
        width: 64px; height: 64px; border-radius: 16px;
        display: flex; align-items: center; justify-content: center;
        margin: 0 auto 1rem;
    }

    .stat-icon-wrapper.blue   { background: var(--secondary); }
    .stat-icon-wrapper.purple { background: var(--primary); }
    .stat-icon-wrapper.green  { background: var(--success); }
    .stat-icon-wrapper.orange { background: var(--warning); }
    .stat-icon-wrapper i { font-size: 1.5rem; color: white; }

    .stat-value { font-size: 2.5rem; font-weight: 800; margin-bottom: 0.5rem; }
    .stat-value.blue   { color: var(--secondary); }
    .stat-value.purple { color: var(--primary); }
    .stat-value.green  { color: var(--success); }
    .stat-value.orange { color: var(--warning); }
    .stat-label { color: var(--gray-600); font-weight: 500; }

    /* Newsletter */
    .newsletter-section {
        background: var(--primary); border-radius: 20px;
        padding: 3rem; margin-top: 3rem;
        position: relative; overflow: hidden;
    }

    .newsletter-section::before {
        content: ''; position: absolute;
        top: -50%; right: -10%; width: 400px; height: 400px;
        background: rgba(255,255,255,0.05); border-radius: 50%;
    }

    .newsletter-section::after {
        content: ''; position: absolute;
        bottom: -30%; left: -5%; width: 300px; height: 300px;
        background: rgba(255,255,255,0.05); border-radius: 50%;
    }

    .newsletter-content {
        position: relative; z-index: 1;
        display: flex; flex-direction: column; gap: 2rem;
    }

    @media (min-width: 768px) {
        .newsletter-content { flex-direction: row; align-items: center; justify-content: space-between; }
    }

    .newsletter-text { flex: 1; text-align: center; }
    @media (min-width: 768px) { .newsletter-text { text-align: left; } }

    .newsletter-badge {
        display: inline-flex; align-items: center; gap: 0.5rem;
        padding: 0.5rem 1rem; background: rgba(255,255,255,0.2);
        color: white; border-radius: 9999px;
        font-size: 0.875rem; font-weight: 600; margin-bottom: 1rem;
    }

    .newsletter-title { font-size: 2rem; font-weight: 800; color: white; margin-bottom: 0.75rem; }
    .newsletter-description { color: rgba(255,255,255,0.9); font-size: 1.125rem; }

    .newsletter-form { flex-shrink: 0; width: 100%; }
    @media (min-width: 768px) { .newsletter-form { width: auto; } }

    .newsletter-input-wrapper {
        display: flex; flex-direction: column; gap: 0.75rem;
        background: rgba(255,255,255,0.15);
        padding: 0.5rem; border-radius: 12px;
    }

    @media (min-width: 640px) { .newsletter-input-wrapper { flex-direction: row; } }

    .newsletter-input {
        flex: 1; padding: 1rem 1.5rem;
        border: none; border-radius: 10px;
        font-size: 1rem; min-width: 300px;
    }

    .newsletter-input:focus { outline: 2px solid white; }

    .newsletter-button {
        padding: 1rem 2rem; background: white; color: var(--primary);
        border: none; border-radius: 10px; font-weight: 700;
        cursor: pointer; transition: all 0.2s ease; white-space: nowrap;
    }

    .newsletter-button:hover { transform: scale(1.05); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }

    .newsletter-privacy {
        color: rgba(255,255,255,0.8); font-size: 0.75rem;
        margin-top: 0.75rem; text-align: center;
    }

    @media (min-width: 768px) { .newsletter-privacy { text-align: left; } }

    /* Utility */
    .text-center { text-align: center; }
    .flex { display: flex; }
    .items-center { align-items: center; }
    .gap-2 { gap: 0.5rem; }
    .gap-4 { gap: 1rem; }
    .mb-3 { margin-bottom: 0.75rem; }
    .mb-4 { margin-bottom: 1rem; }
</style>

<main class="font-inter">

    <!-- Hero Section -->
    <div class="hero-section">
        <div class="container">
            <div class="hero-content">
                <div class="flex items-center gap-4 mb-4">
                    <div class="hero-icon">
                        <i class="fas fa-user-check"></i>
                    </div>
                    <div>
                        <div class="flex items-center gap-2 mb-3">
                            <span class="badge badge-purple">
                                <i class="fas fa-graduation-cap"></i>
                                Social Sciences
                            </span>
                            <span class="badge badge-blue">
                                <i class="fas fa-globe"></i>
                                Open Access
                            </span>
                        </div>
                        <h1 class="hero-title font-poppins">Reviewer Guidelines</h1>
                    </div>
                </div>
                <p class="hero-description">
                    Standards and best practices for conducting fair, rigorous, and constructive peer reviews
                </p>
            </div>
        </div>
    </div>

    <!-- Main Content Area -->
    <div class="container">
        <div class="main-layout">

            <!-- Left Sidebar -->
            <?php include 'include/sidebar.php'; ?>

            <!-- Right Content -->
            <section class="main-content">
                <div class="content-card">
                    <h2 class="section-heading font-poppins">Reviewer Guidelines</h2>

                    <p class="intro-text">
                        Thank you for contributing your expertise to the International Journal of Research and Innovation
                        in Social Science (IJRISS). The peer review process is central to maintaining the quality and
                        integrity of published research. Please follow the guidelines below to ensure a thorough and
                        constructive review.
                    </p>

                    <ol class="guidelines-list">

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">1</div>
                                <div class="guideline-icon icon-blue"><i class="fas fa-tasks"></i></div>
                                <span class="guideline-title">Review Assignment</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Confidentiality:</strong> Maintain confidentiality throughout the review process. Do not disclose any details of the manuscript or review process to others.</li>
                                    <li><strong>Conflict of Interest:</strong> If you have any conflicts of interest — including personal, financial, or professional connections to the authors — notify the editorial office immediately and recuse yourself from the review.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">2</div>
                                <div class="guideline-icon icon-purple"><i class="fas fa-search"></i></div>
                                <span class="guideline-title">Review Process</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Timeliness:</strong> Review the manuscript within the time frame provided. If you require additional time, contact the editorial office as soon as possible.</li>
                                    <li><strong>Scope of Review:</strong> Assess the manuscript's originality, significance, methodological rigor, clarity, and contribution to the field. Consider whether the study advances knowledge in the social sciences.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">3</div>
                                <div class="guideline-icon icon-green"><i class="fas fa-clipboard-check"></i></div>
                                <span class="guideline-title">Review Criteria</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Relevance:</strong> Evaluate if the manuscript is relevant to the journal's scope and objectives.</li>
                                    <li><strong>Originality:</strong> Assess whether the research provides new insights or advances existing knowledge.</li>
                                    <li><strong>Methodology:</strong> Review the research design, methods, and data analysis for rigor and appropriateness.</li>
                                    <li><strong>Results and Interpretation:</strong> Ensure that results are presented clearly and are supported by the data. Consider whether the conclusions are justified based on the findings.</li>
                                    <li><strong>Clarity and Structure:</strong> Check for clarity in writing and organization. Ensure the manuscript is well-structured and free of grammatical and typographical errors.</li>
                                    <li><strong>References:</strong> Verify that the manuscript cites relevant and recent literature and that references are complete and accurate.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">4</div>
                                <div class="guideline-icon icon-orange"><i class="fas fa-comments"></i></div>
                                <span class="guideline-title">Feedback</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Constructive Comments:</strong> Provide detailed, constructive feedback that will help authors improve their manuscript. Be specific about strengths and weaknesses.</li>
                                    <li><strong>Recommendations:</strong> Based on your review, recommend one of the following actions:</li>
                                </ul>
                                <div class="recommendation-grid">
                                    <span class="rec-pill rec-accept"><i class="fas fa-check-circle"></i> Accept</span>
                                    <span class="rec-pill rec-minor"><i class="fas fa-pencil-alt"></i> Minor Revisions</span>
                                    <span class="rec-pill rec-major"><i class="fas fa-exclamation-circle"></i> Major Revisions</span>
                                    <span class="rec-pill rec-reject"><i class="fas fa-times-circle"></i> Reject</span>
                                </div>
                                <ul style="margin-top:1rem;">
                                    <li><strong>Anonymity:</strong> Your comments will be shared with the authors, so please maintain professionalism and avoid personal remarks.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">5</div>
                                <div class="guideline-icon icon-red"><i class="fas fa-shield-alt"></i></div>
                                <span class="guideline-title">Ethical Considerations</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Ethical Standards:</strong> Ensure that the manuscript adheres to ethical standards, including proper citation practices, ethical treatment of research subjects, and transparency in reporting.</li>
                                    <li><strong>Data Integrity:</strong> Be vigilant for signs of data manipulation, fabrication, or plagiarism. Report any concerns to the editorial office.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">6</div>
                                <div class="guideline-icon icon-blue"><i class="fas fa-sync-alt"></i></div>
                                <span class="guideline-title">Revisions</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Follow-up:</strong> If the manuscript is returned to the authors for revisions, review the revised manuscript to ensure that all your comments and suggestions have been addressed.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">7</div>
                                <div class="guideline-icon icon-purple"><i class="fas fa-gavel"></i></div>
                                <span class="guideline-title">Final Decision</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Editorial Decision:</strong> The final decision on the manuscript will be made by the editor based on your review and the feedback from other reviewers. Your recommendation will be a key factor in this decision.</li>
                                </ul>
                            </div>
                        </li>

                        <li class="guideline-item">
                            <div class="guideline-header">
                                <div class="guideline-number">8</div>
                                <div class="guideline-icon icon-green"><i class="fas fa-lock"></i></div>
                                <span class="guideline-title">Confidentiality and Ethics</span>
                            </div>
                            <div class="guideline-body">
                                <ul>
                                    <li><strong>Review Confidentiality:</strong> Do not discuss or share information about the manuscript or the review process with anyone outside of the review process.</li>
                                    <li><strong>Ethical Review:</strong> Follow ethical guidelines for reviewing manuscripts and ensure a fair and unbiased assessment.</li>
                                </ul>
                            </div>
                        </li>

                    </ol>

                    <div class="closing-note">
                        <i class="fas fa-info-circle"></i>
                        <span>Your expert contribution as a reviewer is invaluable to IJRISS. We appreciate your time and dedication
                        in upholding the integrity and quality of research in the social sciences.</span>
                    </div>
                </div>
            </section>

        </div>
    </div>

    <!-- Contribute Section -->
    <section class="contribute-section">
        <div class="container">
            <div class="text-center">
                <div class="section-badge">
                    <i class="fas fa-hands-helping"></i>
                    <span>JOIN OUR COMMUNITY</span>
                </div>
                <h2 class="section-title font-poppins">Contribute to Scientific Excellence</h2>
                <p class="section-description">
                    This journal is committed to swiftly sharing innovative and impactful research across various social science disciplines.
                </p>
            </div>

            <div class="action-grid">
                <div class="action-card blue">
                    <div class="action-icon blue"><i class="fas fa-file-upload"></i></div>
                    <h3 class="action-title">Submit an Article</h3>
                    <p class="action-description">Share your groundbreaking research with the global academic community</p>
                    <a href="#" class="action-link"><span>Get Started</span><i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="action-card">
                    <div class="action-icon purple"><i class="fas fa-graduation-cap"></i></div>
                    <h3 class="action-title">Special Issue on Education</h3>
                    <p class="action-description">Contribute to our focused collection on educational innovation and research</p>
                    <a href="#" class="action-link"><span>Learn More</span><i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="action-card green">
                    <div class="action-icon green"><i class="fas fa-heartbeat"></i></div>
                    <h3 class="action-title">Special Issue on Public Health</h3>
                    <p class="action-description">Submit research addressing critical public health challenges</p>
                    <a href="#" class="action-link"><span>Submit Now</span><i class="fas fa-arrow-right"></i></a>
                </div>
                <div class="action-card orange">
                    <div class="action-icon orange"><i class="fas fa-hospital-alt"></i></div>
                    <h3 class="action-title">Healthcare Research</h3>
                    <p class="action-description">Explore opportunities in healthcare and medical social sciences</p>
                    <a href="#" class="action-link"><span>Explore</span><i class="fas fa-arrow-right"></i></a>
                </div>
            </div>

            <div class="stats-banner">
                <h3 class="action-title" style="margin-bottom:1.5rem;">Advancing Social Science for a Better Tomorrow</h3>
                <div class="stats-banner-grid">
                    <div class="stat-item">
                        <div class="stat-icon-wrapper blue"><i class="fas fa-users"></i></div>
                        <p class="stat-value blue">10K+</p>
                        <p class="stat-label">Active Researchers</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper purple"><i class="fas fa-file-alt"></i></div>
                        <p class="stat-value purple">5000+</p>
                        <p class="stat-label">Published Papers</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper green"><i class="fas fa-globe"></i></div>
                        <p class="stat-value green">150+</p>
                        <p class="stat-label">Countries</p>
                    </div>
                    <div class="stat-item">
                        <div class="stat-icon-wrapper orange"><i class="fas fa-award"></i></div>
                        <p class="stat-value orange">98%</p>
                        <p class="stat-label">Satisfaction Rate</p>
                    </div>
                </div>
            </div>

            <div class="newsletter-section">
                <div class="newsletter-content">
                    <div class="newsletter-text">
                        <div class="newsletter-badge">
                            <i class="fas fa-envelope"></i>
                            <span>STAY UPDATED</span>
                        </div>
                        <h3 class="newsletter-title font-poppins">Never Miss an Update</h3>
                        <p class="newsletter-description">
                            Subscribe to our newsletter for the latest research trends and publication opportunities
                        </p>
                    </div>
                    <div class="newsletter-form">
                        <div class="newsletter-input-wrapper">
                            <input type="email" placeholder="Enter your email address" class="newsletter-input" />
                            <button class="newsletter-button">
                                <i class="fas fa-paper-plane"></i>
                                Subscribe Now
                            </button>
                        </div>
                        <p class="newsletter-privacy">
                            <i class="fas fa-lock"></i>
                            We respect your privacy. Unsubscribe anytime.
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </section>

</main>

<?php include 'include/footer.php'; ?>