*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family: system-ui, -apple-system, Arial, sans-serif;
display:flex;
flex-direction:column;
min-height:100vh;
background:#f4f6f8;
}

/* HEADER */

.header{
background:white;
padding:15px;
display:flex;
justify-content:center;
align-items:center;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.logo img{
max-height:60px;
}

/* HERO */

.hero{
flex:1;
display:flex;
justify-content:center;
align-items:center;
padding:40px 20px;
}

.hero-container img{
max-width:100%;
height:auto;
border-radius:10px;
box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

/* FOOTER */

.footer{
background:#111;
color:white;
text-align:center;
padding:20px;
font-size:14px;
line-height:1.6;
}

/* RESPONSIVE */

@media (max-width:768px){

.logo img{
max-height:45px;
}

.hero{
padding:20px;
}

.footer{
font-size:13px;
}

}

.container{
max-width:1200px;
margin:auto;
padding:20px;
}