<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>NextWare Premium - Future of Crypto</title>
    <link href="https://fonts.googleapis.com" rel="stylesheet">
    <style>
        :root { --brand-cyan: #22d3ee; --bg-dark: #020617; }
        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--bg-dark); color: #ffffff; overflow-x: hidden; }
        /* Moving Background Glow */
        .cyan-flare {
            position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);
            width: 900px; height: 400px;
            background: radial-gradient(ellipse at center, rgba(34, 211, 238, 0.12) 0%, rgba(2, 6, 23, 0) 70%);
            filter: blur(60px); z-index: 0;
            animation: pulse-glow 8s infinite alternate;
        }
        @keyframes pulse-glow {
            from { opacity: 0.6; transform: translate(-50%, -50%) scale(1); }
            to { opacity: 1; transform: translate(-50%, -45%) scale(1.1); }
        }
        /* Glass Cards */
        .phone-glass {
            background: rgba(15, 23, 42, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 48px;
            backdrop-filter: blur(24px);
            box-shadow: 0 40px 100px -20px rgba(0, 0, 0, 0.8), inset 0 1px 1px rgba(255, 255, 255, 0.1);
        }
        /* Premium Buttons */
        .btn-premium {
            background: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);
            color: #ffffff;
            box-shadow: 0 10px 25px -5px rgba(34, 211, 238, 0.4);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }
        .btn-premium:hover {
            transform: translateY(-2px);
            box-shadow: 0 20px 35px -5px rgba(34, 211, 238, 0.6);
            filter: brightness(1.1);
        }
        /* Nav Link Glow */
        .nav-link { position: relative; transition: 0.3s; }
        .nav-link::after {
            content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px;
            background: #22d3ee; transition: 0.3s; box-shadow: 0 0 10px #22d3ee;
        }
        .nav-link:hover::after { width: 100%; }
        /* Arch Animation */
        .arch-line {
            position: absolute; top: 50%; left: 0; width: 100%; height: 1px;
            background: linear-gradient(90deg, transparent 0%, rgba(34, 211, 238, 0.3) 50%, transparent 100%);
            z-index: 5;
        }
    </style>
</head>
<body>
    <!-- NAVBAR (Refined) -->
    <header>
            NextWare
        <nav>
            <a href="#">Home</a>
            <a href="#">Assets</a>
            <a href="#">Market</a>
            <a href="#">Support</a>
        </nav>
            English â–¼
            <button>Launch App</button>
    </header>
    <!-- MAIN HERO -->
    <main>
            <p>Next-Gen Financial Ecosystem</p>
            <!-- Left Side -->
                <h2>
                    Safety Invest <br> in Crypto
                </h2>
                <p>
                    The most trusted platform to trade, invest, and manage your digital assets.
                </p>
                    â‚¿
                    Ξ
                    â‚®
            <!-- CENTER PIECE (The Phone) -->
                        <p>Portfolio Balance</p>
                        <h3>$5,537.20</h3>
                             1.4285 BTC
                            Weekly Growth
                            +23.8%
                        $5,237.34
                            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M7 11l5-5m0 0l5 5m-5-5v12" stroke-width="3" stroke-linecap="round" stroke-linejoin="round""")/>></svg>
                            <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M17 13l-5 5m0 0l-5-5m5 5V6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round""")/>></svg>
            <!-- Right Side -->
                <h2>
                    Fast & Secure <br> Platform
                </h2>
                <p>
                    Experience lightning-fast transactions with military-grade encryption security.
                </p>
                    Live Network Status
        <!-- CALL TO ACTION -->
            <button>
                Join the Revolution
                    <svg fill="none" stroke="currentColor" viewBox="0 0 24 24"><path d="M13 7l5 5m0 0l-5 5m5-5H6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round""")/>></svg>
            </button>
    </main>
</body>
</html>