@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

body{
font-family:'Inter',sans-serif;
background:#f8fafc;
color:#1e293b;
}

h1,h2,h3{
font-family:'Space Grotesk',sans-serif;
}

.container{
max-width:1200px;
margin:auto;
padding:0 20px;
}
body{
padding-top:90px;
}
.btn-primary{
background:#2563eb;
color:white;
padding:12px 24px;
border-radius:8px;
font-weight:500;
transition:0.3s;
}

.btn-primary:hover

.card{
background:white;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,0.1);
}

.hero-gradient{
background:linear-gradient(135deg,#2563eb,#4f46e5,#6366f1);
color:white;
}

.section{
padding:90px 0;
}

.whatsapp{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
width:60px;
height:60px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:26px;
color:white;
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

nav a{
margin:0 15px;
font-weight:500;
}

nav a:hover