body{
background:#f3f4f6;
}

.mqp-container{
max-width:700px;
margin:40px auto;
background:#fff;
padding:40px;
border-radius:24px;
box-shadow:0 10px 30px rgba(0,0,0,0.08);
font-family:Arial,sans-serif;
}

.mqp-question-box{
border:1px solid #ddd;
padding:20px;
margin-bottom:20px;
border-radius:16px;
}

.mqp-middle-ad{
margin-bottom:20px;
padding:10px;
background:#fafafa;
border-radius:14px;
overflow:hidden;
}

.mqp-start-screen{
text-align:center;
padding:80px 20px;
background:linear-gradient(135deg,#111827,#1e293b);
border-radius:24px;
color:#fff;
}

.mqp-start-screen h1{
font-size:48px;
font-weight:800;
color:#ffffff;
margin-bottom:30px;
line-height:1.2;
}

.mqp-result{
text-align:center;
padding:60px 20px;
background:linear-gradient(135deg,#111827,#1e293b);
border-radius:24px;
color:#fff;
}

.mqp-start-btn,
.mqp-next-btn{
display:inline-block;
padding:14px 28px;
background:linear-gradient(90deg,#7c3aed,#06b6d4);
border:none;
color:#fff;
border-radius:14px;
text-decoration:none;
cursor:pointer;
font-weight:bold;
}

.mqp-score{
font-size:90px;
font-weight:900;
background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}

.mqp-question-image{
width:100%;
border-radius:18px;
margin-bottom:20px;
}

.mqp-options{
display:flex;
flex-direction:column;
gap:15px;
margin:20px 0;
}

.mqp-option{
padding:18px;
border:2px solid #ddd;
border-radius:16px;
cursor:pointer;
}

.mqp-option.active{
border-color:#7c3aed;
background:#f5f3ff;
}

.mqp-option input{
display:none;
}


/* VERSION 10 STYLE RESTORE */

.mqp-start-screen{
background:linear-gradient(135deg,#111827,#1e293b) !important;
padding:100px 30px !important;
border-radius:28px !important;
text-align:center !important;
color:#fff !important;
}

.mqp-start-screen h1{
font-size:54px !important;
font-weight:800 !important;
line-height:1.2 !important;
margin-bottom:35px !important;
color:#ffffff !important;
text-shadow:0 4px 20px rgba(0,0,0,0.35) !important;
}

.mqp-start-btn{
display:inline-block !important;
padding:18px 42px !important;
background:linear-gradient(90deg,#7c3aed,#06b6d4) !important;
color:#fff !important;
text-decoration:none !important;
font-size:20px !important;
font-weight:700 !important;
border-radius:18px !important;
box-shadow:0 12px 30px rgba(0,0,0,0.15) !important;
}

.mqp-result{
background:linear-gradient(135deg,#111827,#1e293b) !important;
padding:70px 25px !important;
border-radius:28px !important;
text-align:center !important;
color:#fff !important;
}

.mqp-result h2{
font-size:48px !important;
font-weight:800 !important;
margin-bottom:20px !important;
color:#ffffff !important;
text-shadow:0 4px 20px rgba(0,0,0,0.35) !important;
}

.mqp-score{
font-size:90px !important;
font-weight:900 !important;
line-height:1 !important;
margin-bottom:25px !important;
background:linear-gradient(90deg,#8b5cf6,#3b82f6,#06b6d4) !important;
-webkit-background-clip:text !important;
-webkit-text-fill-color:transparent !important;
display:block !important;
}

.mqp-step{
background:#fff !important;
border-radius:24px !important;
}

.mqp-step h2{
font-size:34px !important;
font-weight:700 !important;
color:#111827 !important;
margin-bottom:25px !important;
line-height:1.4 !important;
}

@media(max-width:768px){

.mqp-start-screen{
padding:70px 20px !important;
}

.mqp-start-screen h1{
font-size:38px !important;
}

.mqp-result h2{
font-size:34px !important;
}

.mqp-score{
font-size:64px !important;
}

}


.mqp-progress-wrap{
width:100%;
height:10px;
background:#e5e7eb;
border-radius:30px;
overflow:hidden;
margin-bottom:20px;
}

.mqp-progress-bar{
height:100%;
background:linear-gradient(90deg,#7c3aed,#06b6d4);
border-radius:30px;
}

.mqp-question-number{
font-size:15px;
font-weight:700;
color:#7c3aed;
margin-bottom:15px;
}

.mqp-start-badge{
display:inline-block;
padding:10px 18px;
background:rgba(255,255,255,0.15);
border-radius:30px;
font-weight:700;
margin-bottom:25px;
backdrop-filter:blur(10px);
}

.mqp-start-screen p{
font-size:18px;
line-height:1.7;
max-width:560px;
margin:0 auto 35px;
color:#f3f4f6;
}

.mqp-result-badge{
display:inline-block;
padding:10px 18px;
background:rgba(255,255,255,0.12);
border-radius:30px;
font-weight:700;
margin-bottom:25px;
}

.mqp-result-text{
font-size:18px;
line-height:1.7;
margin-bottom:35px;
color:#f3f4f6;
}

.mqp-share-buttons{
display:flex;
justify-content:center;
gap:15px;
flex-wrap:wrap;
margin-top:30px;
}

.mqp-share-btn{
padding:16px 24px;
border-radius:14px;
text-decoration:none;
font-weight:700;
color:#fff;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:170px;
}

.whatsapp{
background:#25D366;
}

.facebook{
background:#1877F2;
}

.twitter{
background:#000000;
}


.mqp-wrong-review{
margin-top:40px;
text-align:left;
background:rgba(255,255,255,0.08);
padding:25px;
border-radius:20px;
}

.mqp-wrong-review h3{
font-size:28px;
margin-bottom:25px;
color:#fff;
text-align:center;
}

.mqp-wrong-item{
background:#fff;
padding:20px;
border-radius:16px;
margin-bottom:20px;
}

.mqp-wrong-question{
font-size:20px;
font-weight:700;
color:#111827;
margin-bottom:12px;
}

.mqp-your-answer{
color:#dc2626;
font-weight:700;
margin-bottom:8px;
}

.mqp-correct-answer{
color:#16a34a;
font-weight:700;
}