body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#0B2341;
color:#fff;
}
.hero{
padding:90px 20px;
text-align:center;
background:linear-gradient(180deg,#0B2341,#14365f);
}
.hero h1{
color:#C9A227;
font-size:48px;
margin-bottom:10px;
}
.hero h2{
font-size:28px;
margin:10px 0;
}
.hero p{
max-width:700px;
margin:20px auto;
line-height:1.6;
}
.btn{
display:inline-block;
padding:14px 30px;
background:#C9A227;
color:#0B2341;
text-decoration:none;
font-weight:bold;
border-radius:6px;
}
.services{
background:#fff;
color:#222;
padding:60px 20px;
text-align:center;
}
.services h3{
color:#0B2341;
}
.services ul{
list-style:none;
padding:0;
max-width:500px;
margin:auto;
}
.services li{
padding:10px;
margin:8px 0;
border-bottom:1px solid #ddd;
}
footer{
padding:25px;
text-align:center;
background:#08192f;
}