body {
font-family: 'Inter', sans-serif;
margin: 0;
background: #F7F9FC;
color: #1A237E;
}

header {
display: flex;
justify-content: space-between;
padding: 20px;
background: #FFFFFF;
}

.logo {
height: 40px;
}

nav a {
margin-left: 20px;
text-decoration: none;
color: #1A237E;
}

.hero {
text-align: center;
padding: 80px 20px;
background: #FFFFFF;
}

.tagline {
color: #304FFE;
font-weight: 600;
}

.btn {
padding: 10px 20px;
background: #304FFE;
color: #fff;
text-decoration: none;
margin: 10px;
display: inline-block;
}

.btn.secondary {
background: #00B8D4;
}

section {
padding: 60px 20px;
max-width: 900px;
margin: auto;
}

footer {
text-align: center;
padding: 20px;
background: #FFFFFF;
}