body{

font-family:Poppins,sans-serif;

margin:0;

color:#1d1d1d;

}

header{

position:fixed;

width:100%;

background:white;

box-shadow:0 2px 10px rgba(0,0,0,.1);

}

nav{

display:flex;

justify-content:space-between;

align-items:center;

padding:15px 8%;

}

ul{

display:flex;

gap:40px;

list-style:none;

}

a{

text-decoration:none;

color:#222;

}

.hero{

display:flex;

align-items:center;

justify-content:center;

padding:140px 8%;

background:linear-gradient(135deg,#0b4d91,#042b54);

color:white;

}

.hero img{

width:500px;

}

.btn{

background:#00c3ff;

padding:15px 35px;

border-radius:50px;

color:white;

display:inline-block;

margin-top:20px;

}

.cards{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

gap:30px;

padding:50px;

}

.card{

padding:30px;

border-radius:15px;

box-shadow:0 10px 30px rgba(0,0,0,.1);

transition:.3s;

}

.card:hover{

transform:translateY(-10px);

}

.stats{

display:flex;

justify-content:space-around;

padding:50px;

background:#f4f7fa;

text-align:center;

}

.container{

display:flex;

align-items:center;

padding:80px;

gap:50px;

}

.cta{

background:#0b4d91;

color:white;

padding:80px;

text-align:center;

}

form{

display:flex;

flex-direction:column;

max-width:600px;

margin:auto;

gap:20px;

padding:50px;

}

input,textarea{

padding:15px;

border:1px solid #ddd;

border-radius:10px;

}

button{

background:#0b4d91;

color:white;

padding:15px;

border:none;

border-radius:10px;

cursor:pointer;

}