:root{
--primary:#2563eb;
--secondary:#06b6d4;
--dark:#0f172a;
}

body{
font-family:Inter,sans-serif;
}

.hero{
padding:120px 0;
}

.section{
padding:100px 0;
}

.footer{
background:#0f172a;
color:#cbd5e1;
}

.footer a{
color:#cbd5e1;
text-decoration:none;
}

.footer a:hover{
color:white;
}

.feature-card{
padding:30px;
border-radius:20px;
background:white;
box-shadow:0 10px 30px rgba(0,0,0,.05);
height:100%;
transition:.3s;
}

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

.page-header{
padding:120px 0 80px;
background:
linear-gradient(
135deg,
#eff6ff,
#ffffff
);
}

.page-title{
font-size:52px;
font-weight:800;
}

.gradient-bg{
background:
linear-gradient(
135deg,
#2563eb,
#06b6d4
);
color:white;
}