:root{
--blue:#274157;
--accent:#1C6E8C;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
font-family:Inter,sans-serif;
background:linear-gradient(#fff,#eef3f7);
min-height:100vh;
display:flex;
flex-direction:column;
color:var(--blue);
}
.hero{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
padding:30px 20px 10px;
text-align:center;
}
.hero-logo{
height:400px;
width:auto;
margin-bottom:18px;
}
.content{
margin-top:-5px;
}
.intro{
font-size:1.18rem;
line-height:1.8;
margin-bottom:36px;
}
.button{
display:inline-block;
background:var(--blue);
color:#fff;
text-decoration:none;
padding:16px 42px;
border-radius:8px;
font-weight:600;
}
.button:hover{background:var(--accent)}
footer{
background:var(--blue);
color:#fff;
padding:28px 20px;
}
.footer{
text-align:center;
line-height:1.8;
}
@media(max-width:700px){
.hero-logo{height:170px}
.intro{font-size:1rem}
}