.matching-question-container .question-title{text-align:center;color:#2c3e50;margin-bottom:30px;font-size:28px;font-weight:600}.matching-question-container .matching-container{position:relative;display:flex;justify-content:space-between;gap:100px;min-height:500px;margin:40px 0}.matching-question-container .column{display:flex;flex-direction:column;gap:20px}.matching-question-container .column h3{text-align:center;color:#34495e;margin-bottom:20px;font-size:20px;padding:10px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:8px}.matching-question-container .match-item{background:#edf5fe;color:#093350;font-family:Roboto;padding:30px;border-radius:8px;cursor:grab;position:relative;border:1px solid #b9c3cf;font-weight:400;text-align:start;min-height:185px;display:flex;font-size:21px;align-items:center;justify-content:start;user-select:none;width:300px}.matching-question-container .match-item:after{content:"";position:absolute;right:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#b5d8ff;border-radius:50%;z-index:10}.matching-question-container .match-item:active{cursor:grabbing}.matching-question-container .match-item.dragging{opacity:.5;transform:scale(.95)}.matching-question-container .answer-item{background:#edf5fe;color:#093350;font-family:Roboto;padding:30px;padding-left:50px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative;border:1px solid #b9c3cf;font-weight:400;text-align:start;min-height:60px;align-items:center;justify-content:center;user-select:none}.matching-question-container .answer-item a{color:#093350;text-decoration:underline}.matching-question-container .answer-item:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#b5d8ff;border-radius:50%;z-index:10}.matching-question-container .answer-item.connected{background-color:#d4edda;border-color:#c3e6cb}.matching-question-container .svg-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.matching-question-container .connection-line{stroke:#b5d8ff;stroke-width:4;fill:none;stroke-linecap:round;opacity:.8;transition:stroke .3s ease}.matching-question-container .temp-line{stroke:#b5d8ff;stroke-width:3;fill:none;stroke-dasharray:8,4;stroke-linecap:round;opacity:.7}.matching-question-container .progress-container{justify-content:center}.matching-question-container .progress-bar{position:relative;width:100%;height:8px;background-color:#e5eef5;border-radius:4px;overflow:hidden}.matching-question-container .progress-fill{height:100%;background:linear-gradient(180deg,#338af1 0%,#10adda 69.72%);border-radius:8px;transition:width .3s ease;width:0}.matching-question-container .detail-question{display:none;position:relative;left:0;top:-10px;border:1px solid #dadce0;width:40px;gap:4px;border-radius:20px;border-width:1px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;font-family:Inter;font-weight:700;font-size:14px;line-height:100%;letter-spacing:0%;vertical-align:middle;color:#066fac}.matching-question-container .controls{text-align:center;margin-top:30px;display:flex;gap:15px;justify-content:end;flex-wrap:wrap}.matching-question-container .btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.1)}.matching-question-container .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.matching-question-container .btn-check-answers{width:141;height:48;gap:10px;border-radius:2px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;background-color:#066fac;color:#fff}.matching-question-container .btn-check-answers{width:141;height:48;gap:10px;border-radius:2px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;background-color:#066fac;color:#fff;border:1px solid #066fac}.matching-question-container .btn-check-answers:hover{width:141;height:48;gap:10px;border-radius:2px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;background-color:#066fac;color:#fff;border:1px solid #066fac}.matching-question-container .btn-reset{height:48;gap:10px;border-radius:2px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;color:#066fac;border:1px solid #066fac;background-color:#fff}.matching-question-container .btn-reset:hover{height:48;gap:10px;border-radius:2px;padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px;color:#066fac;border:1px solid #066fac;background-color:#fff}.matching-question-container .btn.reset{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.matching-question-container .btn.show-correct{background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);color:#333}.matching-question-container .results{background:#edf5fe;gap:24px;border-radius:8px;padding-top:32px;padding-right:24px;padding-bottom:32px;padding-left:24px;color:#093350;display:flex;flex-direction:column;justify-items:center;margin-bottom:30px}.matching-question-container .results h5{font-family:Roboto;font-weight:500;font-size:36px;line-height:100%;letter-spacing:0%}.matching-question-container .score{font-family:Roboto;font-weight:500;font-size:48px;line-height:54px;letter-spacing:0%;padding-bottom:20px}.matching-question-container .feedback{font-family:Roboto;font-weight:400;font-size:22px;line-height:30px;letter-spacing:0%}.matching-question-container .match-item.correct,.matching-question-container .answer-item.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.matching-question-container .match-item.incorrect,.matching-question-container .answer-item.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@media (max-width:768px){.matching-question-container .matching-container{flex-direction:column;gap:30px}.matching-question-container .match-item,.matching-question-container .answer-item{width:100%;font-size:24px;padding:25px}.matching-question-container .question-title{font-size:24px}.matching-question-container .controls{flex-direction:column;align-items:end}.matching-question-container .btn{width:200px}}@media (max-width:480px){.matching-question-container{padding:10px}.matching-question-container .container{padding:20px}.matching-question-container .match-item,.matching-question-container .answer-item{font-size:20px;padding:20px;min-height:50px}.matching-question-container .question-title{font-size:20px}}