*{
box-sizing:border-box;
}

body{

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

}


/* HERO */

.hero{

background:
linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.85)),
url("images/smoker.jpg");

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

height:90vh;

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

text-align:center;

padding:20px;

}

.hero-content{

max-width:600px;

}

h1{

font-size:52px;
margin-bottom:20px;

}

.hero p{

font-size:20px;
line-height:1.5;

}

.button{

display:inline-block;

margin-top:30px;

padding:15px 35px;

background:#ff6a00;

color:white;

text-decoration:none;

font-size:18px;

border-radius:6px;

}


/* FEATURES */

.features{

padding:80px 20px;
text-align:center;

}

.features h2{

font-size:34px;

}

.features-grid{

display:grid;

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

gap:25px;

max-width:1000px;

margin:auto;

margin-top:40px;

}

.feature{

background:#1b1b1b;

padding:30px;

border-radius:10px;

font-size:18px;

}


/* FORM */

.form-section{

padding:80px 20px;

text-align:center;

}

.form-section h2{

font-size:34px;

}

form{

max-width:420px;

margin:auto;

margin-top:30px;

display:flex;

flex-direction:column;

gap:15px;

}

input, textarea{

padding:14px;

border:none;

border-radius:6px;

font-size:16px;

}

textarea{

min-height:120px;

}

button{

padding:14px;

background:#ff6a00;

color:white;

border:none;

border-radius:6px;

font-size:16px;

cursor:pointer;

}


/* FOOTER */

footer{

margin-top:80px;

padding:40px 20px;

background:#111;

text-align:center;

}

.social{

display:flex;

justify-content:center;

gap:25px;

margin-bottom:15px;

}

.social img{

width:34px;

height:34px;

opacity:0.9;

transition:0.2s;

}

.social img:hover{

opacity:1;

transform:scale(1.15);

}