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

body {
    font-family: Arial, sans-serif;
    background-color: #E8E8E8;
    color: #4A4A4A;
}

header {
    background-color: #4A4A4A;
    padding: 20px;
    display: flex;
    align-items: center;
}

header img {
    height: 60px;
}

nav {
    background-color: #F47920;
    padding: 10px 20px;
}

nav a {
    color: white;
    text-decoration: none;
    margin-right: 20px;
    font-weight: bold;
}

nav a:hover { text-decoration: underline; }

.hero {
    background-color: #4A4A4A;
    color: white;
    text-align: center;
    padding: 80px 20px;
}

.hero h1 { font-size: 48px; color: #F47920; margin-bottom: 10px; }
.hero p { font-size: 20px; margin-bottom: 30px; }

.btn {
    background-color: #F47920;
    color: white;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
}

.btn:hover { background-color: #d4660f; }

.section { padding: 60px 20px; max-width: 1100px; margin: 0 auto; }
.section h2 { color: #F47920; margin-bottom: 20px; font-size: 32px; }

footer {
    background-color: #4A4A4A;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 40px;
}