*{box-sizing:border-box}body{margin:0;font-family:Arial,Noto Sans Arabic,sans-serif;background:#f5f7fb;color:#15213c}button,input,select,textarea{font:inherit}.top{background:linear-gradient(135deg,#123a72,#6952f5);color:#fff;padding:22px 5vw}.top h1{margin:0}.shell{display:grid;grid-template-columns:235px 1fr;grid-gap:20px;gap:20px;padding:22px 4vw}.nav{background:white;padding:14px;border-radius:22px;height:max-content;position:-webkit-sticky;position:sticky;top:16px;box-shadow:0 8px 28px #14213d14}.nav button{width:100%;border:0;background:transparent;padding:12px;text-align:right;border-radius:12px;cursor:pointer}.nav .active,.nav button:hover{background:#eeeaff;color:#5137c9;font-weight:700}.card,.hero{background:white;border-radius:20px;padding:20px;margin-bottom:15px;box-shadow:0 8px 28px #14213d12}.hero{background:linear-gradient(135deg,#fff,#edf3ff)}.grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.stat b{font-size:28px;color:#5b45df}.btn{border:0;border-radius:11px;background:#6047e8;color:white;padding:10px 15px;cursor:pointer}.btn.alt{background:#eae7ff;color:#4b35bd}.btn.audio{background:#087f72}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.between{justify-content:space-between}.search{width:100%;padding:12px;border:1px solid #d6deeb;border-radius:12px;margin:10px 0}.ltr{direction:ltr;text-align:left}.small{font-size:13px;color:#64748b}.term{font-size:20px;font-weight:700}.flash{min-height:240px;display:grid;place-items:center;text-align:center;background:linear-gradient(135deg,#173278,#704cf1);color:#fff;cursor:pointer}.option{display:block;width:100%;text-align:left;padding:12px;margin:8px 0;border:1px solid #d6deeb;border-radius:11px;background:#fff;cursor:pointer}.option.selected{background:#ede9fe;border-color:#6d4aff}.answer{background:#ecfdf5;color:#065f46;padding:14px;border-radius:12px;margin-top:12px}.book{width:100%;height:76vh;border:0;border-radius:14px}.bar{height:12px;background:#e5e7eb;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:#12a57b}@media(max-width:850px){.shell{grid-template-columns:1fr}.nav{position:static;display:flex;overflow:auto}.nav button{min-width:125px}.grid{grid-template-columns:1fr}.book{height:65vh}}