:root {
  --primary-color:#9c2c8a; --secondary-color:#e75a8e; --bg-color:#e5eaed;
  --dark-blue:#0f1e41; --option-a-color:#e75a8e; --option-b-color:#9c2c8a;
  --option-c-color:#7e1885; --low-risk-color:#f7ab6d; --high-risk-color:#f58233;
  --imminent-risk-color:#f25050;
}
*{box-sizing:border-box}
.protexia-quiz{max-width:900px;margin:0 auto;padding:20px;color:var(--dark-blue);font-family:Arial,sans-serif}
.protexia-quiz header{background:var(--dark-blue);color:#fff;padding:15px 0;margin-bottom:30px;text-align:center}
.protexia-quiz h1{font-size:24px;margin:20px 0;text-align:center;background:var(--dark-blue);color:#fff;padding:10px}
.question-container{background:#fff;border-radius:8px;margin-bottom:30px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1)}
.question{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.question-icon{background:var(--dark-blue);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.question-text{font-weight:bold;flex:1}
.options{display:flex;gap:10px;margin-top:20px}
.option{flex:1;padding:15px;text-align:center;border-radius:5px;cursor:pointer;color:#fff;font-weight:bold;transition:all .2s;border:3px solid transparent}
.option:hover{transform:translateY(-5px);opacity:.9}
.option.selected{transform:scale(1.05);box-shadow:inset 0 0 8px rgba(0,0,0,.4);border:4px solid var(--dark-blue)}
.option-a{background:var(--option-a-color)} .option-b{background:var(--option-b-color)} .option-c{background:var(--option-c-color)}
.additional-risk{margin-top:30px;background:var(--dark-blue);color:#fff;padding:15px;text-align:center;border-radius:5px;font-weight:bold;font-size:18px}
.yes-no-container{display:flex;justify-content:space-around;margin-top:20px;gap:20px}
.yes-no-question{position:relative;background:#fff;border-radius:25px;padding:10px 20px;font-weight:bold;color:var(--dark-blue);width:48%;display:flex;justify-content:space-between;align-items:center;overflow:hidden}
.yes-no-question::before{content:'';position:absolute;top:0;left:0;width:20%;height:100%;background:linear-gradient(to right,var(--secondary-color),var(--primary-color));border-radius:25px 0 0 25px;z-index:0}
.yes-no-btn{width:40px;height:40px;border-radius:50%;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-weight:bold;cursor:pointer;transition:all .2s;z-index:1;border:2px solid transparent}
.yes-no-btn:hover{transform:scale(1.1)}
.yes-no-btn.selected{background:var(--primary-color);color:#fff;transform:scale(1.1);border:2px solid var(--dark-blue)}
.question-text-yn{flex-grow:1;padding-left:15%;z-index:1}
.action-btn{display:block;width:100%;padding:15px;margin-top:30px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-size:18px;font-weight:bold;cursor:pointer;transition:background-color .3s}
.action-btn:hover{background:var(--secondary-color)}
.results,.contact-form-container{background:#fff;border-radius:8px;padding:20px;margin-top:30px}
.score-container{margin-bottom:20px}
.score-row{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:10px 0;flex-wrap:wrap;gap:5px 15px}
.score-row:last-child{border-bottom:none}
.risk-meter{height:20px;background:#f0f0f0;border-radius:10px;margin:20px 0;position:relative;overflow:hidden}
.risk-indicator{position:absolute;width:2px;height:30px;background:#000;top:-5px;transition:left 1s}
.risk-zones{display:flex;height:100%}
.risk-low{flex:9;background:var(--low-risk-color);border-radius:10px 0 0 10px}
.risk-high{flex:21;background:var(--high-risk-color)}
.risk-imminent{flex:14;background:var(--imminent-risk-color);border-radius:0 10px 10px 0}
.risk-labels{display:flex;justify-content:space-between;margin-top:5px;font-weight:bold}
.risk-description{margin-top:30px;padding:20px;border-radius:5px}
.risk-low-desc{background:rgba(247,171,109,.2);border-left:5px solid var(--low-risk-color)}
.risk-high-desc{background:rgba(245,130,51,.2);border-left:5px solid var(--high-risk-color)}
.risk-imminent-desc{background:rgba(242,80,80,.2);border-left:5px solid var(--imminent-risk-color)}
.disclaimer{margin-top:40px;font-size:12px;color:#666;text-align:center}
.error-message{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:15px;border-radius:5px;margin-bottom:20px}
.success-message{background:#d4edda;color:#155724;border:1px solid #c3e6cb;padding:20px;text-align:center;border-radius:5px;margin-bottom:20px}
.contact-form-container{max-width:500px;margin:40px auto;background:#fff;padding:40px 30px;border-radius:10px;box-shadow:0 0 15px rgba(0,0,0,.1)}
.contact-form-container h2{font-size:24px;font-weight:bold;color:#0a194f;margin-bottom:10px;text-align:center}
.contact-form-container p{font-size:16px;color:#333;margin-bottom:30px;text-align:center}
.form-group{margin-bottom:15px}
.form-group label{display:block;margin-bottom:5px;font-weight:bold}
.form-group input,.form-group select{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}
.hidden{display:none}
@media (max-width:768px){
  .options{flex-direction:column}
  .yes-no-container{flex-direction:column;gap:15px}
  .yes-no-question{width:100%}
}