#js-assessment-container { max-width: 800px; margin: 20px auto; font-family: 'Segoe UI', sans-serif; }
.question-card { background: #f9f9f9; padding: 20px; border-radius: 15px; margin-bottom: 20px; border: 1px solid #eee; }
.options-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }
.opt-label { cursor: pointer; display: block; padding: 15px; background: #fff; border: 2px solid #ddd; border-radius: 10px; transition: 0.3s; }
.opt-label:hover { border-color: #6c5ce7; background: #f0f0ff; }
.opt-label input { margin-right: 10px; }
.submit-btn { background: #6c5ce7; color: white; border: none; padding: 15px 30px; border-radius: 30px; cursor: pointer; font-size: 18px; width: 100%; }
.progress-bar-container { background: #eee; height: 10px; border-radius: 5px; margin-bottom: 30px; }
#js-progress { background: #6c5ce7; height: 100%; border-radius: 5px; transition: 0.5s; }