*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;
}

body{
background:#000;
color:white;
}


header{
text-align:center;
padding:30px;
background:black;
}

.logo{
max-width:280px;
}



.hero{

height:90vh;

background-image:
linear-gradient(rgba(0,0,0,0.75),rgba(0,0,0,0.9)),
url("hero.png");

background-size:cover;
background-position:center;

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

text-align:center;

}



.hero-content{
padding:40px;
}



.hero h1{

font-size:64px;

letter-spacing:6px;

color:#e5e5e5;

text-shadow:0 0 20px rgba(0,0,0,0.9);

}



.hero p{

margin-top:15px;

font-size:22px;

color:#3da0ff;

letter-spacing:2px;

}



.hero-btn{

display:inline-block;

margin-top:30px;

padding:14px 34px;

background:linear-gradient(45deg,#1b7ddb,#3da0ff);

color:white;

text-decoration:none;

font-weight:bold;

letter-spacing:1px;

transition:0.3s;

}



.hero-btn:hover{

transform:scale(1.05);

box-shadow:0 0 20px rgba(61,160,255,0.6);

}



.contact{

padding:80px 20px;

max-width:1100px;

margin:auto;

}



.contact h2{

text-align:center;

margin-bottom:50px;

font-size:36px;

color:#3da0ff;

}



.contact-container{

display:flex;

flex-wrap:wrap;

gap:40px;

}



.contact-info{

flex:1;

min-width:280px;

line-height:1.7;

}



.contact-info h3{

margin-bottom:20px;

}



.contact-info p{

margin-bottom:20px;

color:#ccc;

}



.contact-form{

flex:1;

min-width:280px;

}



.contact-form input,
.contact-form textarea{

width:100%;

padding:14px;

margin-bottom:12px;

border:none;

background:#111;

color:white;

font-size:15px;

}



.contact-form textarea{

height:130px;

}



.contact-form button{

width:100%;

padding:14px;

border:none;

background:#3da0ff;

color:white;

font-size:16px;

cursor:pointer;

transition:0.3s;

}



.contact-form button:hover{

background:#1b7ddb;

}



.map iframe{

width:100%;

height:400px;

border:none;

}



footer{

background:#050505;

text-align:center;

padding:25px;

color:#777;

}



@media(max-width:768px){

.hero h1{
font-size:36px;
}

.hero p{
font-size:18px;
}

.contact-container{
flex-direction:column;
}

}