<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Prospera Fixed</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<style>
/* 🔥 GLOBAL FIX */
*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:'Poppins',sans-serif;
color:#fff !important; /* FORCE WHITE */
}
body{
background: radial-gradient(circle at 20% 0%, #3b1e63, #0b0618 60%);
}
/* NAVBAR */
.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:25px 70px;
}
.logo{
font-size:22px;
font-weight:600;
color:#c084fc !important;
}
.menu{
display:flex;
gap:25px;
background:rgba(255,255,255,0.06);
padding:10px 25px;
border-radius:40px;
backdrop-filter: blur(10px);
}
.menu a{
text-decoration:none;
color:#ddd !important;
font-size:14px;
}
.menu a.active{
color:#fff !important;
}
/* BUTTON */
.btn{
background:linear-gradient(45deg,#a855f7,#7c3aed);
padding:12px 22px;
border-radius:25px;
}
.btn2{
border:1px solid #777;
padding:12px 22px;
border-radius:25px;
}
/* HERO */
.hero{
display:flex;
justify-content:space-between;
padding:70px;
}
.left{
max-width:520px;
}
.tag{
display:inline-block;
background:rgba(255,255,255,0.1);
padding:8px 16px;
border-radius:20px;
font-size:12px;
margin-bottom:20px;
}
h1{
font-size:44px;
line-height:1.3;
}
.highlight{
color:#a855f7 !important;
}
.desc{
margin:20px 0;
color:#ddd !important;
}
.buttons{
display:flex;
gap:15px;
}
/* RIGHT */
.right{
display:grid;
grid-template-columns:220px 220px;
gap:20px;
}
.card{
background:rgba(255,255,255,0.06);
border-radius:20px;
padding:20px;
backdrop-filter: blur(12px);
}
/* PROGRESS */
.progress-card{
grid-column: span 2;
text-align:center;
}
.circle{
width:120px;
height:120px;
border-radius:50%;
margin:20px auto;
background: conic-gradient(#a855f7 24%, #2a2a2a 0);
display:flex;
align-items:center;
justify-content:center;
}
.circle span{
background:#0b0618;
width:90px;
height:90px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}
/* BOTTOM */
.bottom{
margin:40px 70px;
padding:25px;
background:rgba(255,255,255,0.06);
border-radius:20px;
display:flex;
justify-content:space-around;
}
.stat h2{
font-size:24px;
}
.stat p{
font-size:12px;
color:#ddd !important;
}
</style>
</head>
<body>
<!-- NAV -->
Prospera
<a>Home</a>
<a>Technology</a>
<a>Features</a>
<a>Pricing</a>
<a>FAQ</a>
Get Started
<!-- HERO -->
Your Finances, Fully Optimized
<h1>
Accelerate Your Edge with
Next-Gen Finance Analytics
</h1>
<p>
Empower your financial decisions with insights, tools, and expert guidance designed for your growth.
</p>
Start Now
Learn More
<!-- RIGHT -->
<p>Finance Overview</p>
24%
<small>Productivity</small>
<p>PayPal</p>
<h3>$5,569.57</h3>
<p>Wise</p>
<h3>$7,469.54</h3>
<p>Transactions</p>
<small>Recent Activity</small>
<!-- BOTTOM -->
<h2>98%</h2>
<p>Clients Satisfaction</p>
<h2>65M+</h2>
<p>Revenue Total</p>
<h2>100%</h2>
<p>Customer Loyalty</p>
</body>
</html>]]>
