body {
background-color: #0B0F19;
color: #ffffff;
font-family: ‘Inter’, sans-serif;
}
h1, h2, h3 {
font-family: ‘Poppins’, sans-serif;
}
.section-dark {
background: linear-gradient(135deg, #0B0F19, #111827);
padding: 100px 20px;
}
.btn-primary {
background: #0A84FF;
color: white;
padding: 12px 28px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
}
.btn-secondary {
border: 1px solid #fff;
padding: 12px 28px;
border-radius: 8px;
color: white;
text-decoration: none;
}
.card {
background: #111827;
padding: 25px;
border-radius: 12px;
text-align: center;
}
.grid-4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}
.grid-3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}