body
{
font-family: 'Segoe UI';
margin:0;
}

.navbar
{
background:#0f172a;
}

.logo
{
font-size:22px;
font-weight:600;
}

.hero
{
height:100vh;
display:flex;
align-items:center;
background:linear-gradient(135deg,#1d4ed8,#9333ea);
color:white;
}

.hero h1
{
font-size:60px;
font-weight:700;
}

.hero h2
{
font-size:35px;
margin-bottom:20px;
}

.section
{
padding:90px 0;
}

.light
{
background:#f5f7fb;
}

.feature
{
padding:40px;
border-radius:10px;
text-align:center;
transition:0.3s;
}

.feature i
{
font-size:40px;
margin-bottom:20px;
color:#2563eb;
}

.feature:hover
{
transform:translateY(-10px);
}

.product-card
{
padding:30px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.product-card img
{
width:100%;
margin-bottom:20px;
}

.price-card
{
background:white;
padding:40px;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.income-card
{
padding:30px;
border-radius:10px;
background:white;
box-shadow:0 10px 30px rgba(0,0,0,0.1);
}

.income-card i
{
font-size:40px;
margin-bottom:15px;
color:#7c3aed;
}

.rules
{
max-width:800px;
margin:auto;
font-size:18px;
line-height:1.8;
}

footer
{
background:#0f172a;
color:white;
padding:40px;
}