body{
margin:0;
font-family:'Poppins',sans-serif;
background:linear-gradient(135deg,#eef5ff,#ffffff);
}
header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px 60px;
background:#0b4ea2;
box-shadow:0 4px 15px rgba(0,0,0,.2);
}
.logo{
font-size:28px;
font-weight:700;
color:#fff;
}
nav a{
color:#fff;
text-decoration:none;
margin:0 15px;
font-weight:600;
transition:.3s;
}
nav a:hover{
color:#ffd447;
}
.hero{
margin:60px auto;
width:80%;
padding:70px;
text-align:center;
background:white;
border-radius:20px;
box-shadow:0 10px 30px rgba(0,0,0,.1);
}
.hero h1{
font-size:42px;
}
footer{
background:#0b4ea2;
color:#fff;
text-align:center;
padding:20px;
position:fixed;
bottom:0;
width:100%;
}