:root{--vmcq-primary:#123b6d;--vmcq-bg:#f4f7fb;--vmcq-text:#0f172a;--vmcq-muted:#64748b}
.vmcq-hero{display:grid;grid-template-columns:1.5fr .8fr;gap:28px;align-items:center;background:linear-gradient(135deg,#123b6d,#245f9d);color:#fff;border-radius:24px;padding:44px;margin:28px 0}
.vmcq-kicker{display:inline-block;background:rgba(255,255,255,.15);padding:6px 12px;border-radius:999px;margin-bottom:14px}
.vmcq-hero h1{font-size:42px;line-height:1.1;margin:0 0 14px;color:#fff}
.vmcq-hero p{font-size:18px;opacity:.92;margin:0 0 22px}
.vmcq-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.vmcq-btn,.vmcq-small-btn{display:inline-block;background:#fff;color:#123b6d;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700}
.vmcq-btn-light{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.35)}
.vmcq-hero-box{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:26px;border-radius:18px}
.vmcq-hero-box strong{display:block;font-size:25px;margin-bottom:8px;color:#fff}
.vmcq-hero-box span{opacity:.9}
.vmcq-section-head{margin:30px 0 18px}
.vmcq-section-head h2{font-size:30px;margin:0 0 6px;color:var(--vmcq-text)}
.vmcq-section-head p{margin:0;color:var(--vmcq-muted)}
.vmcq-front-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0}
.vmcq-exam-card,.vmcq-topic-card{position:relative;display:flex;gap:14px;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;text-decoration:none;color:var(--vmcq-text);box-shadow:0 8px 25px rgba(15,23,42,.06);transition:.2s}
.vmcq-exam-card:hover,.vmcq-topic-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.1)}
.vmcq-exam-icon{width:54px;height:54px;border-radius:50%;background:color-mix(in srgb,var(--vmcq-accent) 12%,#fff);color:var(--vmcq-accent);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;flex:none}
.vmcq-exam-icon img{width:44px;height:44px;object-fit:contain;border-radius:50%}
.vmcq-exam-card h3,.vmcq-topic-card h3{margin:0 0 4px;font-size:20px;color:var(--vmcq-text)}
.vmcq-exam-card p,.vmcq-topic-card p{margin:0;color:var(--vmcq-muted);font-size:14px}
.vmcq-arrow{margin-left:auto;font-size:28px;color:#94a3b8}
.vmcq-topic-card{display:block}
.vmcq-topic-card span{display:inline-block;margin-top:10px;color:#123b6d;font-weight:700}
.vmcq-breadcrumb{font-size:14px;color:#64748b;margin:16px 0}
.vmcq-breadcrumb a{color:#123b6d;text-decoration:none;font-weight:700}
.vmcq-breadcrumb span{padding:0 6px}
.vmcq-front-list{display:grid;gap:12px;margin:22px 0}
.vmcq-front-row{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.vmcq-front-row strong{display:block;color:#0f172a}
.vmcq-front-row span{font-size:13px;color:#64748b}
.vmcq-small-btn{background:#123b6d;color:#fff;padding:9px 14px}
.vmcq-practice-wrap{margin:24px 0}
.vmcq-question-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:22px;margin:16px 0;box-shadow:0 8px 24px rgba(15,23,42,.05)}
.vmcq-question-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.vmcq-question-meta span{background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}
.vmcq-question-text{font-size:18px;color:#0f172a;margin-bottom:14px}
.vmcq-options{display:grid;gap:10px}
.vmcq-option{display:block;border:1px solid #e5e7eb;border-radius:12px;padding:12px;background:#f8fafc;cursor:pointer}
.vmcq-option:hover{background:#eff6ff}
.vmcq-toggle-answer{margin-top:14px;background:#123b6d;color:#fff;border:0;border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:700}
.vmcq-answer{margin-top:12px;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:12px;padding:14px;color:#064e3b}
.vmcq-explanation{margin-top:8px;color:#334155}
.vmcq-empty{background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:22px;color:#64748b}
@media(max-width:760px){.vmcq-hero{grid-template-columns:1fr;padding:28px}.vmcq-hero h1{font-size:32px}.vmcq-front-row{align-items:flex-start;gap:12px;flex-direction:column}}