:root {
    --green-main:#48a868;
    --green-light:#e8f8ef;
    --green-soft:#f3fcf7;
    --text:#243322;
}

body {
    margin:0;
    padding:0;
    background:var(--green-soft);
    font-family: "Segoe UI", sans-serif;
    color:var(--text);
}

header {
    background:var(--green-main);
    color:white;
    padding:15px 20px;
    display:flex;
    align-items:center;
    gap:15px;
}

h1, h2, h3 {
    color:var(--green-main);
}

.container {
    max-width:1000px;
    margin:0 auto;
    background:white;
    padding:25px;
    border-radius:15px;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
    margin-top:25px;
}

button {
    background:var(--green-main);
    color:white;
    border:none;
    padding:12px 18px;
    border-radius:8px;
    cursor:pointer;
    font-size:1rem;
}
button:hover { background:#3a8f57; }

.question {
    background:var(--green-light);
    padding:15px;
    border-radius:10px;
    margin-bottom:15px;
}