body {

font-family: Arial, sans-serif;
margin:0;
background:#0f172a;
color:white;

}

nav {

display:flex;
justify-content:space-between;
align-items:center;
padding:20px 40px;
background:#020617;

}

.logo {

font-size:22px;
font-weight:bold;

}

.menu a {

margin-left:20px;
color:white;
text-decoration:none;

}

.hero {

text-align:center;
padding:120px 20px;

}

.hero h1 {

font-size:48px;

}

.hero p {

font-size:20px;
opacity:0.8;

}

.features,
.steps {

padding:80px 20px;
text-align:center;

}

.grid {

display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:30px;
max-width:1000px;
margin:auto;

}

.card,
.step {

background:#1e293b;
padding:25px;
border-radius:10px;

}

.number {

font-size:28px;
font-weight:bold;

}

input {

padding:12px;
width:260px;
border-radius:6px;
border:none;

}

button {

padding:12px 20px;
border:none;
border-radius:6px;
background:#6366f1;
color:white;
font-weight:bold;
margin-left:10px;

}

.cta {

text-align:center;
padding:100px;
background:#1e293b;

}

.page {

max-width:800px;
margin:auto;
padding:80px 20px;

}

footer {

text-align:center;
padding:40px;

}