:root{--yellow:#f5c400;--turq:#16b8b0;--turq-dark:#0d918b;--bg:#f5f8f8;--text:#344054;--muted:#667085}
*{box-sizing:border-box}body{font-family:Tahoma,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}.fw-800{font-weight:800}.site-nav{background:#fff;border-bottom:1px solid #e7eeee;box-shadow:0 3px 18px rgba(16,24,40,.06)}.navbar-brand{color:#263238}.brand-dot{color:var(--yellow);font-size:1.2em}.nav-link{color:#475467!important;font-weight:600}.nav-link:hover{color:var(--turq-dark)!important}.btn{border-radius:12px;font-weight:600}.btn-primary{background:var(--turq);border-color:var(--turq)}.btn-primary:hover{background:var(--turq-dark);border-color:var(--turq-dark)}.btn-warning{background:var(--yellow);border-color:var(--yellow);color:#263238}.hero{background:linear-gradient(135deg,#fff,#e8fbfa);border:1px solid #d8efed;border-radius:28px}.card{border:1px solid #e7eeee;border-radius:18px;box-shadow:0 7px 24px rgba(16,24,40,.05)}.option{display:block;padding:15px;border:1px solid #d9e5e5;border-radius:13px;margin-bottom:10px;background:#fff;cursor:pointer}.option:hover{border-color:var(--turq);background:#f2fffe}.progress-bar{background:var(--turq)}.timer{border-color:#f3df7a;background:#fffbea;color:#6b5b00}.site-footer{background:#e9f7f6;color:#52706f}.user-menu{display:flex;align-items:center;gap:7px}.user-menu img{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--yellow)}.profile-avatar{width:128px;height:128px;border-radius:50%;object-fit:cover;border:5px solid #fff;box-shadow:0 4px 18px rgba(16,24,40,.12)}.video-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:14px 14px 0 0;background:#dff6f4}.follow-box{border:2px dashed var(--yellow);border-radius:20px;background:#fffdf1}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--turq)}.review-btn{min-width:52px;height:48px}.review-answered{border-color:#18a999!important;background:#ecfffc}.review-current{background:var(--yellow)!important;border-color:var(--yellow)!important;color:#222}.review-unanswered{background:#fff}.weak{border-right:5px solid #ef9a9a}.strong{border-right:5px solid var(--turq)}

/* RTL corrections while using the vendored Bootstrap build */
[dir="rtl"] .me-auto{margin-left:auto!important;margin-right:0!important}
[dir="rtl"] .ms-auto{margin-right:auto!important;margin-left:0!important}
[dir="rtl"] .text-start{text-align:right!important}
[dir="rtl"] .text-end{text-align:left!important}