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

body{background:#0e1c17;color:white;}

.container{width:90%;max-width:1200px;margin:auto;}

.header{background:#0b1512;padding:15px 0;}

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

.logo img{height:55px;transition:0.3s;}
.logo img:hover{transform:scale(1.05);}

nav a{color:white;text-decoration:none;margin-left:25px;}
.phone{color:#d4af37;font-weight:600;}

.hero{
background:
linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)),
url("img/hero.jpg") center/cover no-repeat;
padding:140px 0;
}

.hero-grid{
display:grid;
grid-template-columns:1fr 400px;
align-items:center;
gap:60px;
}

.hero-text h1{font-size:42px;margin-bottom:20px;}

.hero-logo img{width:100%;max-width:340px;transition:0.4s;}
.hero-logo img:hover{transform:scale(1.05);}

.btn{
display:inline-block;margin-top:20px;background:#d4af37;color:black;
padding:14px 30px;text-decoration:none;font-weight:600;
}

.section{padding:90px 0;}
.dark{background:#10251e;}

h2{text-align:center;margin-bottom:40px;}

.about-text{text-align:center;max-width:800px;margin:auto;margin-bottom:40px;}

.stats{display:flex;justify-content:center;gap:40px;}
.stats span{color:#d4af37;font-size:28px;display:block;font-weight:700;}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;}

.card{background:#18352c;padding:25px;transition:0.3s;}
.card:hover{transform:translateY(-5px);}

.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;text-align:center;}
.feature{background:#18352c;padding:20px;}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;}

.form input,.form textarea{
width:100%;padding:12px;margin-bottom:15px;border:none;
}

.form button{
background:#d4af37;border:none;padding:12px 25px;font-weight:600;cursor:pointer;
}

.footer{background:#0b1512;text-align:center;padding:30px;font-size:14px;}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr;text-align:center;}
.contact-grid{grid-template-columns:1fr;}
}

.map {
    width: 100%;
    height: 500px;
}
