body{font-family:Arial,sans-serif;margin:0;background:#f5f9ff;color:#000}.main-wrapper{display:flex;justify-content:space-between;align-items:flex-start;padding:20px;gap:20px}.left-panel,.right-panel{background:#fff;border-radius:8px;padding:20px;box-shadow:0 0 10px rgb(0 0 0 / .1)}.left-panel{width:65%;display:flex;flex-direction:column;justify-content:space-between;max-height:100vh;overflow:hidden}.right-panel{width:30%;position:sticky;top:10px}.question-title{font-size:20px;font-weight:700;color:#004080;margin-bottom:10px}.question-text{font-size:18px;margin-bottom:10px}.answers label{display:block;padding:10px;margin-bottom:8px;background:#f0f0f0;border-radius:5px;cursor:pointer}.answers label.correct{background:#d4edda;color:green}.answers label.wrong{background:#f8d7da;color:red}.answers label.unanswered{background:#fff3cd;color:#856404}.question-buttons{display:flex;justify-content:space-between;margin-top:15px}.question-buttons button{padding:10px 16px;font-size:14px;cursor:pointer}.progress-bar-wrapper{margin-top:15px}.progress-bar{background:#ccc;border-radius:20px;overflow:hidden;height:24px}.progress-inner{background:#007bff;height:100%;color:#fff;text-align:center;line-height:24px;transition:width 0.3s ease}.question-map{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:15px 0}.question-cell{background:#e9ecef;padding:10px;text-align:center;border-radius:6px;font-weight:700;cursor:pointer}.question-cell.correct{background:#28a745;color:#fff}.question-cell.wrong{background:#dc3545;color:#fff}.question-cell.unanswered{background:#ffc107;color:#000}.question-cell.done{background:#007bff;color:#fff}.question-cell.active{border:2px solid #000}.btn-submit{width:100%;padding:12px;background:#fc0;font-weight:700;border:none;border-radius:8px;cursor:pointer;margin:10px 0}.result{font-size:16px;line-height:1.6;margin-top:15px}.result-status{font-size:20px;font-weight:700;padding:12px;border-radius:8px;margin-top:10px;text-align:center}.result-status.passed{background:#e0ffe0;color:green}.result-status.failed{background:#ffe0e0;color:red}@media screen and (max-width:768px){.main-wrapper{flex-direction:column;padding:10px}.left-panel,.right-panel{width:100%;max-width:100%;padding:15px}.question-buttons{flex-wrap:wrap;gap:8px;justify-content:center}.question-buttons button{flex:1 1 45%;font-size:15px}.question-title,.question-text{font-size:16px}.answers label{font-size:15px}.btn-submit{font-size:16px;padding:10px}.header-sticky-title{font-size:14px;padding:10px;text-align:center}.timer{font-size:16px;text-align:center}.result-status{font-size:18px}}.form-section{padding:30px;text-align:center}.form-box{display:inline-block;background:#fff;padding:30px;border-radius:12px;box-shadow:0 0 8px rgb(0 0 0 / .1)}input[type=text],select{padding:10px;width:100%;font-size:16px;margin-top:5px;border-radius:6px;border:1px solid #ccc}button{border:none;border-radius:6px;background:#007bff;color:#fff;padding:10px 16px;margin-top:10px;font-size:16px;cursor:pointer}button:hover{opacity:.9}.hidden{display:none}