/*
Theme Name: Coast FM Screenshot Style
Version: 1.0
*/

body{
margin:0;
font-family:Arial,Helvetica,sans-serif;
background:#edf5fb;
color:#12345a;
}

.wrap{
width:1400px;
max-width:calc(100% - 40px);
margin:auto;
}

.header-top{
background:#fff;
padding:18px 0;
}

.header-flex{
display:flex;
align-items:center;
justify-content:space-between;
}

.logo{
width:420px;
margin-top:10px;
transform:rotate(-3deg);
}

.logo img{
width:100%;
display:block;
}

.header-widgets{
display:flex;
gap:36px;
align-items:center;
}

.widget{
display:flex;
gap:14px;
align-items:center;
border-left:1px solid #d9e4ee;
padding-left:28px;
}

.widget:first-child{
border-left:0;
}

.icon{
width:54px;
height:54px;
border-radius:50%;
background:#f5f7fa;
display:flex;
align-items:center;
justify-content:center;
font-size:24px;
}

.nav{
background:#003d78;
}

.nav ul{
margin:0;
padding:0;
list-style:none;
display:flex;
}

.nav a{
display:block;
padding:20px 26px;
color:#fff;
text-decoration:none;
font-weight:700;
border-right:1px solid rgba(255,255,255,.1);
}

.nav a:hover{
background:#f7941d;
}

.hero{
background:linear-gradient(90deg,#0b74bc,#004d92);
padding:70px 0;
color:#fff;
}

.hero h1{
font-size:76px;
margin:0 0 20px;
}

.content{
padding:40px 0;
}

.grid{
display:grid;
grid-template-columns:2fr 1fr;
gap:30px;
}

.card{
background:#fff;
padding:34px;
border-radius:8px;
box-shadow:0 8px 20px rgba(0,0,0,.08);
}

.button{
display:inline-block;
background:#f7941d;
color:#fff;
padding:16px 30px;
font-weight:700;
text-decoration:none;
border-radius:4px;
margin-top:18px;
}