.ep-wrap{
 font-family: Inter,sans-serif;
 font-size:17px;
 max-width:900px;
 margin:auto;
 background:#ffffff;
 padding:35px;
 border-radius:24px;
 box-shadow:0 20px 60px rgba(0,0,0,0.08);
}

.ep-title{
 color:#280E90;
 font-size:34px;
 font-weight:700;
 margin-bottom:15px;
}

.ep-text{
 margin-bottom:30px;
 line-height:1.7;
 color:#444;
}

.ep-question{
 background:#ffffff;
 padding:22px;
 border-radius:18px;
 margin-bottom:20px;
 border:1px solid #eee;
 transition:all .25s ease;
}

.ep-question:hover{
 box-shadow:0 10px 25px rgba(0,0,0,0.05);
}

.ep-type{
 font-size:12px;
 color:#A4CF17;
 font-weight:600;
 margin-bottom:6px;
 text-transform:uppercase;
 letter-spacing:.5px;
}

.ep-option{
 padding:14px;
 border-radius:12px;
 margin-top:10px;
 border:1px solid #e5e7eb;
 cursor:pointer;
 transition:all .2s ease;
 background:#fafafa;
}

.ep-option:hover{
 border-color:#A4CF17;
 background:#f5ffe8;
 transform:scale(1.01);
}

.ep-option.selected{
 border-color:#A4CF17;
 background:#ecffd6;
 box-shadow:0 5px 15px rgba(164,207,23,0.2);
}

.ep-btn{
 background:#A4CF17;
 padding:16px;
 border:none;
 border-radius:14px;
 font-weight:700;
 width:100%;
 margin-top:25px;
 cursor:pointer;
 transition:.2s;
}

.ep-btn:hover{
 transform:translateY(-2px);
 box-shadow:0 10px 20px rgba(164,207,23,0.3);
}

.ep-result{
 margin-top:35px;
}

.ep-card-result{
 padding:18px;
 border-radius:14px;
 margin-bottom:15px;
}

.ep-card-result.correct{
 background:#ecffd6;
 border:1px solid #A4CF17;
}

.ep-card-result.incorrect{
 background:#ffeaea;
 border:1px solid #ff6b6b;
}

.ep-score{
 font-size:26px;
 font-weight:700;
 color:#280E90;
 margin-top:20px;
 text-align:center;
}

.ep-card-result{ text-align: justify; line-height:1.7; }