.practice-questions .form-wrap .stats-container{margin:30px 0 40px;padding:24px;background:linear-gradient(135deg,#fff5f3,#fffbf9);border-left:5px solid #ff6f61;border-radius:12px}.practice-questions .form-wrap .stats-container .hard{display:inline-block;padding:6px 12px;color:#ff6f61;border:1px solid #ff6f61;border-radius:20px;font-weight:600;font-size:13px;margin-left:8px}.practice-questions .form-wrap .stats-container .stats{font-size:15px;color:#555;font-weight:500}.practice-questions .form-wrap .question{margin:35px 0;padding:28px;background:linear-gradient(135deg,#f9f9f9,#fff);border:2px solid #e8e8e8;border-radius:12px;transition:all .3s ease}.practice-questions .form-wrap .question:hover{border-color:#ff6f61;box-shadow:0 4px 12px #ff6f611a}.practice-questions .form-wrap .question h2{font-size:18px;font-weight:600;color:#333;margin:0;line-height:1.6}.practice-questions .form-wrap .answers{list-style:circle;margin:35px 0}.practice-questions .form-wrap .answers .answer-option{padding:14px 20px;margin:15px 2px 15px 30px;background:linear-gradient(135deg,#fff,#f9f9f9);border:1px solid #e8e8e8;border-radius:10px;font-size:15px;color:#555;font-weight:500;cursor:pointer;transition:all .3s ease;text-align:left;position:relative}.practice-questions .form-wrap .answers .answer-option:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(135deg,#ff6f61,#ff5a4a);opacity:0;transition:opacity .3s ease;z-index:-1}.practice-questions .form-wrap .answers .answer-option:hover{border-color:#ff6f61;color:#ff6f61;box-shadow:0 4px 12px #ff6f6126;transform:translateY(-2px)}.practice-questions .form-wrap .answers .answer-option.selected{background:linear-gradient(135deg,#ff6f61,#ff5a4a);color:#fff;border-color:#ff6f61;box-shadow:0 6px 16px #ff6f6140}.practice-questions .form-wrap .answers .answer-option.correct,.practice-questions .form-wrap .answers .answer-option.correct:hover{background:#6cd96b;border-color:#6cd96b;color:#fff}.practice-questions .form-wrap .answer-result{display:none}.practice-questions .form-wrap .answer-result.filled{display:block;margin:20px 0 20px 30px;padding:30px;border-radius:20px;border:1px solid #ff6f61;background:#fffaf8}.practice-questions .form-wrap .answer-result.filled p:first-of-type{font-size:20px}.practice-questions .form-wrap .answer-result.correct{border-color:#4efb4b;background:#ebfceb}.practice-questions .form-wrap .ops-nav{display:flex;justify-content:space-between;margin:40px 0;gap:12px;color:#6282f7}.practice-questions .form-wrap .ops-nav .nav-prev,.practice-questions .form-wrap .ops-nav .nav-next{border:1px solid rgb(98,130,247);border-radius:100px 0 0 100px;padding:2px 5px;font-size:14px;display:flex;align-items:center;justify-content:flex-start}.practice-questions .form-wrap .ops-nav .nav-prev span,.practice-questions .form-wrap .ops-nav .nav-next span{margin:0 3px}.practice-questions .form-wrap .ops-nav .nav-next{border-radius:0 100px 100px 0;justify-content:flex-end}.practice-questions .form-wrap .ops-nav .submit-btn{flex:1;margin:0 20%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:100px;width:100%;height:100%;padding:5px 0;cursor:pointer;font-weight:700;transition:all .3s ease;border:1px solid rgb(98,130,247);background-color:#ecf0fb}.practice-questions .form-wrap .ops-nav .submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6282f733}.practice-questions .form-wrap .ops-nav .submit-btn .icon{display:none}.practice-questions .form-wrap .ops-nav .submit-btn.loading .icon{display:inline-block;transform-box:fill-box;transform-origin:center;margin-right:8px;border-top-color:#6282f7;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.practice-questions h1{font-size:32px;margin:30px 0 20px}.practice-questions .stats-container{margin:25px 0 30px;padding:16px}.practice-questions .stats-container .stats{font-size:14px}.practice-questions .stats-container .stats .hard{padding:5px 10px;font-size:12px}.practice-questions .question{margin:25px 0;padding:20px}.practice-questions .question h2{font-size:16px}.practice-questions .answers{gap:12px;margin:25px 0}.practice-questions .answers .answer-option{padding:14px 16px;font-size:14px}.practice-questions .ops-nav{margin:30px 0}.practice-questions .ops-nav .nav-prev,.practice-questions .ops-nav .nav-next{font-size:13px;padding:2px 4px}.practice-questions .ops-nav .submit-btn{margin:0 15%}}@media (max-width: 480px){.practice-questions h1{font-size:26px;margin:20px 0 16px;line-height:1.2}.practice-questions .stats-container{margin:20px 0 25px;padding:14px;border-left:4px solid #ff6f61}.practice-questions .stats-container .stats{font-size:13px;margin:8px 0}.practice-questions .stats-container .stats .hard{padding:4px 8px;font-size:11px;margin-left:6px}.practice-questions .question{margin:20px 0;padding:16px}.practice-questions .question h2{font-size:15px;line-height:1.5}.practice-questions .answers{gap:10px;margin:20px 0}.practice-questions .answers .answer-option{padding:12px 14px;font-size:13px}.practice-questions .ops-nav{margin:30px 0}.practice-questions .ops-nav .nav-prev,.practice-questions .ops-nav .nav-next{font-size:12px;padding:2px 4px}.practice-questions .ops-nav .submit-btn{margin:0 8%}}
