:root{--ink:#101828;--muted:#667085;--line:#e4e7ec;--blue:#2458ff;--green:#16875a;--red:#c7352b;--orange:#f97316;--bg:#f6f8fc;--yellow:#f5c518}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
.bank-wrap{width:min(1120px,94%);margin:28px auto 90px}
.bank-hero{background:linear-gradient(135deg,#111827,#1f2937);color:#fff;border-radius:24px;padding:28px;box-shadow:0 16px 42px rgba(17,24,39,.14)}
.bank-hero .tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#263244;color:var(--yellow);font-size:10px;font-weight:950;letter-spacing:.65px}
.bank-hero h1{font-size:38px;margin:12px 0 8px}.bank-hero p{margin:0;color:#cbd5e1;line-height:1.6;max-width:860px}
.bank-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}
.bank-stat{background:#fff;border:1px solid var(--line);border-radius:15px;padding:15px}.bank-stat span{display:block;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.5px}.bank-stat strong{display:block;font-size:25px;margin-top:5px}
.bank-tools{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.bank-tools select,.bank-tools button{height:39px;border-radius:10px;border:1px solid #d0d5dd;background:#fff;padding:0 12px;font-weight:850;color:#344054}
.bank-tools button{cursor:pointer}.bank-tools button.primary{background:var(--blue);border-color:var(--blue);color:#fff}
.bank-progress{height:8px;background:#e9edf3;border-radius:999px;overflow:hidden;flex:1;min-width:160px}.bank-progress>div{height:100%;width:0;background:var(--blue);transition:width .25s}
.q-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:23px;box-shadow:0 10px 28px rgba(17,24,39,.05)}
.q-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.q-chip{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eef3ff;color:var(--blue);font-size:9px;font-weight:950;letter-spacing:.5px}.q-num{color:var(--muted);font-size:11px;font-weight:800}
.q-card h2{font-size:19px;line-height:1.5;margin:0 0 16px}
.options{display:grid;gap:9px}.option{width:100%;text-align:left;border:1px solid #dfe4ea;background:#fff;border-radius:13px;padding:13px 14px;cursor:pointer;color:#344054;font-size:13px;line-height:1.45}.option:hover{border-color:#9bb0ff;background:#f8faff}.option.selected{border-color:var(--blue);box-shadow:0 0 0 2px rgba(36,88,255,.08)}.option.correct{border-color:#9bd7bd;background:#effbf5;color:#0d6241}.option.wrong{border-color:#f2aaa4;background:#fff3f2;color:#9f2d25}
.answer-actions{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:16px;flex-wrap:wrap}.answer-actions button{height:40px;border-radius:10px;border:1px solid #d0d5dd;padding:0 14px;font-weight:900;cursor:pointer;background:#fff}.answer-actions .check{background:var(--blue);border-color:var(--blue);color:#fff}
.feedback{display:none;margin-top:18px;border-top:1px solid #eef0f3;padding-top:18px}.feedback.show{display:block}.feedback-head{font-weight:950;font-size:15px;margin-bottom:8px}.feedback-head.ok{color:var(--green)}.feedback-head.bad{color:var(--red)}.feedback p{font-size:13px;line-height:1.65;color:#475467}
.rationales{display:grid;gap:7px;margin-top:12px}.rat{padding:10px 12px;border-radius:11px;background:#f8fafc;border:1px solid #eef0f3;font-size:12px;line-height:1.5;color:#475467}.rat strong{color:#101828}
.fija{margin-top:12px;padding:12px 13px;border-radius:11px;background:#fffbea;border:1px solid #f0df8a;color:#5c5100;font-size:12px;line-height:1.55}.fija strong{display:block;margin-bottom:3px}
.summary-box{display:none;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin-top:16px}.summary-box.show{display:block}.summary-box h2{margin-top:0}.class-results{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:14px}.class-results div{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center;font-size:10px}.class-results strong{display:block;font-size:20px;margin-top:4px}
@media(max-width:800px){.bank-stats{grid-template-columns:repeat(2,1fr)}.class-results{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bank-wrap{width:calc(100% - 20px)}.bank-hero{padding:21px}.bank-hero h1{font-size:30px}.bank-stats{grid-template-columns:1fr 1fr}.q-card{padding:17px}.q-card h2{font-size:17px}.bank-tools>*{width:100%}.bank-progress{width:100%}}
.feedback-section{margin-top:14px}
.feedback-section h3,.theory-block h3{margin:0 0 7px;font-size:13px;color:#101828}
.theory-block{margin-top:14px;padding:15px 16px;border-radius:13px;background:#f4f7ff;border:1px solid #dbe5ff}
.theory-block p{margin:0 0 9px;color:#344054;font-size:12.5px;line-height:1.65}
.theory-block p:last-child{margin-bottom:0}
.theory-block strong{color:#173fca}