body {

font-family: sans-serif;

background-color: #F9F9F9;

margin: 0;

padding: 1rem;

}

.container {

max-width: 600px;

margin: 0 auto;

background: #FFF;

border-radius: 1rem;

padding: 1rem;

box-shadow: 0 2px 6px rgba(0,0,0,0.1);

}

.question-title {

font-weight: bold;

color: #616161;

margin-bottom: 1rem;

font-size: 1.2rem;

}

.question-text {

font-size: 1.1rem;

margin-bottom: 1rem;

}

.option-button {

display: block;

width: 100%;

background-color: #8BC34A;

color: #FFF;

padding: 0.75rem;

margin-bottom: 0.5rem;

border-radius: 0.5rem;

border: none;

cursor: pointer;

text-align: left;

}

.option-button:hover {

opacity: 0.9;

}

.progress-bar-background {

height: 8px;

width: 100%;

background-color: #EEE;

border-radius: 4px;

margin: 1rem 0;

}

.progress-bar-fill {

height: 100%;

background-color: #616161;

border-radius: 4px;

}

.result-title {

font-weight: bold;

color: #616161;

font-size: 1.2rem;

margin-bottom: 1rem;

}