body{

margin:0;
background:#08111d;
color:white;
font-family:Arial,Helvetica,sans-serif;

}

.container{

width:90%;
max-width:1200px;
margin:auto;

}

header{

background:#111827;
padding:20px 0;

}

header .container{

display:flex;
justify-content:space-between;
align-items:center;

}

.logo{

height:70px;

}

nav a{

color:white;
text-decoration:none;
margin-left:20px;

}

.hero{

padding:80px 0;

}

.hero-content{

display:flex;
justify-content:space-between;
align-items:center;
gap:60px;
flex-wrap:wrap;

}

.phone{

width:320px;

border-radius:30px;

box-shadow:0 0 30px #2196f3;

}

.button{

display:inline-block;

margin-top:30px;

padding:18px 35px;

background:#ff3b30;

border-radius:10px;

font-weight:bold;

color:white;

text-decoration:none;

}

.cards{

display:grid;

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

gap:25px;

margin-top:40px;

}

.card{

background:#132238;

padding:30px;

border-radius:20px;

transition:.3s;

}

.card:hover{

transform:translateY(-8px);

box-shadow:0 0 20px #2196f3;

}

.gallery{

display:grid;

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

gap:20px;

margin-top:30px;

}

.gallery img{

width:100%;

border-radius:20px;

box-shadow:0 0 20px black;

}

footer{

margin-top:80px;

background:#111827;

padding:40px;

text-align:center;

}

.page{

padding:80px 0;

line-height:1.8;

}