body{

font-family:Arial,Helvetica,sans-serif;
background:#08111f;
color:white;

}

.navbar{

background:#071321;

}

.hero{

min-height:100vh;
display:flex;
align-items:center;

background:linear-gradient(135deg,#08111f,#102b50);

}

.hero h1{

font-size:60px;
font-weight:bold;

}

.hero p{

font-size:22px;
opacity:.85;

}

.hero-icon{

font-size:220px;
color:#2dd4bf;

animation:rotate 20s linear infinite;

}

@keyframes rotate{

100%{

transform:rotate(360deg);

}

}

section{

padding:90px 0;

}

.section-title{

text-align:center;
margin-bottom:50px;

}

.area-card{

background:#13253d;

padding:30px;

border:none;

text-align:center;

color:white;

transition:.4s;

height:100%;

}

.area-card:hover{

transform:translateY(-10px);

background:#1b3f6b;

}

.area-card i{

font-size:55px;

margin-bottom:20px;

color:#2dd4bf;

}

.numbers{

background:#0d1d31;

}

.numbers h2{

font-size:55px;
color:#2dd4bf;

}

footer{

padding:30px;
text-align:center;
background:#071321;

}

.btn-primary{

background:#2dd4bf;
border:none;

color:#000;

}

.btn-primary:hover{

background:#41f0d8;

}