*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial,sans-serif;
}

body{
background:#08111f;
color:white;
margin:0;
padding:0;
font-family:Arial,sans-serif;
}

.hero{
text-align:center;
padding:100px 20px 60px;
max-width:900px;
margin:0 auto;
}

h1{
font-size:64px;
margin-bottom:20px;
font-weight:700;
}

p{
font-size:22px;
color:#cfd8dc;
margin-bottom:35px;
line-height:1.6;
}

.btn{
padding:18px 45px;
border:none;
border-radius:50px;
background:#00b4ff;
color:white;
font-size:22px;
cursor:pointer;
transition:.3s;
}

.btn:hover{
transform:scale(1.05);
background:#0095d9;
}.features{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
padding:70px 20px;
background:#08111f;
}

.card{
width:280px;
background:rgba(255,255,255,.08);
backdrop-filter:blur(12px);
padding:25px;
border-radius:20px;
box-shadow:0 0 20px rgba(0,0,0,.3);
transition:.3s;
color:white;
}

.card:hover{
transform:translateY(-10px);
}

.card h2{
margin-bottom:15px;
font-size:22px;
}

.card p{
font-size:16px;
line-height:1.6;
color:#d6d6d6;
}.navbar{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
background:rgba(255,255,255,.05);
backdrop-filter:blur(15px);
position:sticky;
top:0;
}

.navbar h2{
font-size:28px;
}

.nav-btn{
padding:12px 25px;
background:#00b4ff;
border:none;
border-radius:40px;
color:white;
font-size:16px;
cursor:pointer;
}.stats{
display:flex;
justify-content:center;
gap:25px;
flex-wrap:wrap;
padding:70px 20px;
}

.stat-box{
width:220px;
padding:25px;
background:#111c35;
border-radius:18px;
text-align:center;
border:1px solid rgba(255,255,255,.08);
transition:.3s;
}

.stat-box:hover{
transform:translateY(-8px);
}

.stat-box h2{
font-size:40px;
color:#00b4ff;
margin-bottom:10px;
}

.stat-box p{
font-size:16px;
color:#ddd;
margin:0;
}.hero-logo{
    width:120px;
    margin-bottom:20px;
}<div class="hero">
    <img src="6300950330610487651.jpg" class="hero-logo" alt="Logo">
    <h1>Learn Trading</h1>
    <p>Daily NIFTY & SENSEX Market Analysis</p>

    <a href="#">
        <button class="btn">🚀 Join Telegram</button>
    </a>
</div>