<?php include 'header.php'; ?>

<main style="background: #0b0e11; color: white; min-height: 100vh; padding: 100px 5%;">
    <div style="max-width: 1000px; margin: 0 auto;">
        <h1 style="font-size: 3.5rem; font-weight: 800; margin-bottom: 30px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">
            About NovaEx
        </h1>
        <p style="font-size: 1.4rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 60px;">
            Founded in 2017, NovaEx has grown from a visionary startup to a global leader in the cryptocurrency exchange industry. Our mission is to accelerate the world's transition to a more open, efficient, and inclusive financial system through blockchain technology.
        </p>

        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-bottom: 80px;">
            <div style="background: #161a1e; padding: 40px; border-radius: 24px; border: 1px solid #2b3139;">
                <i class="fas fa-rocket" style="font-size: 2rem; color: #4facfe; margin-bottom: 20px;"></i>
                <h3 style="font-size: 1.8rem; margin-bottom: 15px;">Our Mission</h3>
                <p style="color: var(--text-muted); line-height: 1.6;">To empower individuals and institutions with secure, intuitive, and high-performance tools for trading and managing digital assets.</p>
            </div>
            <div style="background: #161a1e; padding: 40px; border-radius: 24px; border: 1px solid #2b3139;">
                <i class="fas fa-eye" style="font-size: 2rem; color: #00f2fe; margin-bottom: 20px;"></i>
                <h3 style="font-size: 1.8rem; margin-bottom: 15px;">Our Vision</h3>
                <p style="color: var(--text-muted); line-height: 1.6;">A world where decentralized finance is accessible to everyone, creating a borderless economy based on transparency and trust.</p>
            </div>
        </div>

        <section style="margin-bottom: 80px;">
            <h2 style="font-size: 2.2rem; margin-bottom: 30px;">Our Journey</h2>
            <div style="display: flex; flex-direction: column; gap: 30px;">
                <div style="display: flex; gap: 20px;">
                    <div style="width: 80px; font-weight: bold; color: #4facfe;">2017</div>
                    <div style="flex: 1; border-left: 2px solid #2b3139; padding-left: 20px;">
                        <h4 style="font-size: 1.2rem; margin-bottom: 10px;">The Beginning</h4>
                        <p style="color: var(--text-muted);">NovaEx was founded by a team of veteran financiers and blockchain experts with a focus on security and transparency.</p>
                    </div>
                </div>
                <div style="display: flex; gap: 20px;">
                    <div style="width: 80px; font-weight: bold; color: #4facfe;">2019</div>
                    <div style="flex: 1; border-left: 2px solid #2b3139; padding-left: 20px;">
                        <h4 style="font-size: 1.2rem; margin-bottom: 10px;">Global Expansion</h4>
                        <p style="color: var(--text-muted);">Achieved 1 million registered users and launched professional trading tools and mobile applications.</p>
                    </div>
                </div>
                <div style="display: flex; gap: 20px;">
                    <div style="width: 80px; font-weight: bold; color: #4facfe;">2021</div>
                    <div style="flex: 1; border-left: 2px solid #2b3139; padding-left: 20px;">
                        <h4 style="font-size: 1.2rem; margin-bottom: 10px;">Institutional Grade</h4>
                        <p style="color: var(--text-muted);">Integrated advanced security features and custodial solutions for institutional investors worldwide.</p>
                    </div>
                </div>
                <div style="display: flex; gap: 20px;">
                    <div style="width: 80px; font-weight: bold; color: #4facfe;">Today</div>
                    <div style="flex: 1; border-left: 2px solid #2b3139; padding-left: 20px;">
                        <h4 style="font-size: 1.2rem; margin-bottom: 10px;">Market Leader</h4>
                        <p style="color: var(--text-muted);">Processing billions in daily volume with users across 180+ countries, leading the way in crypto innovation.</p>
                    </div>
                </div>
            </div>
        </section>

        <section style="text-align: center; background: linear-gradient(135deg, #161a1e 0%, #0b0e11 100%); padding: 60px; border-radius: 32px; border: 1px solid #2b3139;">
            <h2 style="font-size: 2rem; margin-bottom: 20px;">Security is Our DNA</h2>
            <p style="color: var(--text-muted); margin-bottom: 30px; max-width: 600px; margin-left: auto; margin-right: auto;">We utilize state-of-the-art encryption, multi-signature cold storage, and 24/7 monitoring to ensure your assets are always safe.</p>
            <a href="register.php" class="btn-primary" style="padding: 15px 40px; font-size: 1.1rem; border-radius: 12px;">Join the Revolution</a>
        </section>
    </div>
</main>

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