body {
    font-family: 'Lato', sans-serif;
    background-color: #ecf0f1;
    color: #2c3e50;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

.question-card, .result-card {
    transition: box-shadow 0.3s ease-in-out;
}

.question-card:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.form-radio {
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-color: #bdc3c7;
}

.form-radio:checked {
    background-color: #2c3e50;
    border-color: #2c3e50;
}

.form-radio:focus {
    box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.3);
    border-color: #2c3e50;
}

.form-radio.mais:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-color: #27ae60;
    border-color: #27ae60;
}
.form-radio.mais:focus {
     box-shadow: 0 0 0 3px rgba(39, 174, 96, 0.4);
     border-color: #27ae60;
}

.form-radio.menos:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    background-color: #e74c3c;
    border-color: #e74c3c;
}

.form-radio.menos:focus {
     box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.4);
     border-color: #e74c3c;
}

/* Result Page Styles */
#chart-container {
    height: 300px;
}

@media (min-width: 640px) {
    #chart-container {
        height: 400px;
    }
}