body {margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#333;}
header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background:#1c6b3c;
    color:white;
    text-align:center;
    padding:60px 20px;
}

.header-images {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

header .logo,
header .explorers {
    width: 100px;
    margin: 0;
}h1 {margin-bottom:10px;}
.btn {display:inline-block;margin-top:20px;background:#ffcc00;color:#000;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:bold;}
section {max-width:900px;margin:40px auto;background:white;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.progress-container {width:100%;height:25px;background:#ddd;border-radius:20px;overflow:hidden;}
.progress-bar {height:100%;width:0%;background:#1c6b3c;transition:width 0.5s ease;}
form {display:flex;flex-direction:column;gap:12px;}
input, select, button {padding:12px;font-size:16px;border-radius:8px;border:1px solid #ccc;}
button {background:#1c6b3c;color:white;border:none;cursor:pointer;}
button:hover {background:#14512c;}
footer {text-align:center;padding:20px;color:#666;}
.contact-options {display:flex;gap:20px;margin-bottom:15px;}
@media screen and (max-width:600px) {
    header {flex-direction: column; align-items: center; justify-content: center;}
    header .logo, header .explorers {margin:0 0 10px 0;}
    header div {order: 2; text-align: center;}
    header .logo, header .explorers {order: 1; margin: 0 0 10px 0;}
}