.fit-wrapper { max-width: 600px; margin: 20px auto; padding: 30px; border-radius: 15px; background: #fff; box-shadow: 0 10px 30px rgba(0,0,0,0.1); direction: rtl; font-family: tahoma; }
.fit-field input { width: 100%; padding: 12px; margin: 10px 0; border: 1px solid #ddd; border-radius: 8px; }
.fit-btn { background: #2563eb; color: #fff; padding: 12px 25px; border: none; border-radius: 8px; cursor: pointer; width: 100%; font-size: 16px; transition: 0.3s; }
.fit-btn:hover { background: #1d4ed8; }
.fit-progress { height: 8px; background: #eee; border-radius: 4px; margin-bottom: 20px; overflow: hidden; }
#fit-bar { height: 100%; background: #10b981; width: 0%; transition: 0.4s; }
.q-title { font-size: 18px; margin-bottom: 20px; color: #1e293b; }
.opt-label { display: block; padding: 12px; margin: 8px 0; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; cursor: pointer; transition: 0.2s; }
.opt-label:hover { background: #f1f5f9; border-color: #cbd5e1; }
input[type="radio"]:checked + span { color: #2563eb; font-weight: bold; }
.fit-nav { display: flex; justify-content: space-between; margin-top: 20px; }
#fit-interpretation { margin-top: 25px; padding: 20px; background: #f0fdf4; border-right: 5px solid #16a34a; line-height: 1.8; }