/* Reset & base */
body, h1, h2, h3, h4, h5, h6, p, ul, li {margin:0; padding:0;}
body {font-family:'Hind', Arial, sans-serif; line-height:1.6; background:#fff; color:#333;}
a {text-decoration:none; color:#333;}
ul {list-style:none;}
img {max-width:100%; height:auto; display:block;}

/* Header */
header {display:flex; justify-content:space-between; align-items:center; padding:15px 30px; background:#f5f5f5; position:sticky; top:0; z-index:1000;}
header .logo img {height:50px;}
.menu {display:flex; gap:20px;}
.menu li a {padding:5px 10px; transition:0.3s;}
.menu li a:hover {background:#333; color:#fff; border-radius:5px;}

/* Hero */
.hero {display:flex; justify-content:center; align-items:center; text-align:center; padding:100px 20px; background:#e5e5e5;}
.hero h1 {font-family:'Oswald', sans-serif; font-size:48px; margin-bottom:15px;}
.hero p {font-size:18px; margin-bottom:25px;}
.hero .btn {padding:12px 30px; background:#333; color:#fff; border-radius:5px; transition:0.3s;}
.hero .btn:hover {background:#555;}

/* Footer */
footer {background:#222; color:#fff; padding:30px 20px; text-align:center;}
footer a {color:#fff; text-decoration:underline;}

/* Responsive */
@media(max-width:768px){
    .menu {flex-direction:column; gap:10px;}
    .hero h1 {font-size:32px;}
}